TutuEdit

Создать иконку ICO · favicon сайта

Вложенный PNG, прозрачность сохраняется, потолок 256. Локальная обработка; без входа в аккаунт ничего не загружается.

или создать пустой документ

Сделать ICO — не просто «сохранить в другом формате»: один и тот же значок должен оставаться узнаваемым при 16, 32 и 48 пикселях. При 16 в распоряжении всего 256 точек, и красивые градиенты с тонкими линиями исходника на этом размере превращаются в кашу.

Внутрь файла ICO вкладывается PNG (современный формат ICO допускает PNG-полезную нагрузку), поэтому прозрачный фон сохраняется, а файл получается намного меньше, чем со старой растровой нагрузкой. Потолок — 256×256, и это не наша заслонка: сам формат ICO отводит ширине и высоте по 1 байту в записи каталога, причём 256 записывается как 0 — большее значение попросту не выражается. Поэтому при экспорте изображение со стороной больше 256 автоматически пропорционально уменьшается до размеров не больше 256×256 — заранее уменьшать его самому не нужно. Ещё одно уточнение: на выходе получается ICO одного размера, а не традиционный, упаковывающий 16/32/48 в один файл. Современные сайты на многоразмерный ICO и не опираются: в HTML тегами `link` объявляют несколько PNG разных размеров, а один ICO кладут в корень как запасной вариант для старых браузеров, которые запрашивают /favicon.ico напрямую. Всё идёт в вашем собственном браузере; без входа в аккаунт ничего не загружается, а после входа работа автоматически сохраняется в ваших собственных облачных проектах.

Ключевые возможности

Прозрачность сохраняется

Полезная нагрузка — PNG, поэтому прозрачные и скруглённые углы проходят нетронутыми.

Небольшой файл

PNG-нагрузка намного легче старой растровой, и favicon загружается быстрее.

Потолок 256 — от формата

ICO отводит ширине и высоте по байту в записи каталога; 256 пишется как 0, большее не выражается. При экспорте всё, что больше 256, автоматически пропорционально уменьшается, чтобы уложиться в 256×256.

Локальная обработка

Обрабатывается в вашем браузере. Без аккаунта ничего не загружается — в этом браузере остаётся только автоматический черновик (удаляется вместе с данными браузера); после входа в аккаунт работа автоматически сохраняется в ваших собственных облачных проектах.

Как использовать

  1. 1
    Добавьте изображение
    Квадратное подходит лучше всего. Перетащите в рамку.
  2. 2
    Сделайте квадратным
    Обрежьте в 1:1, затем задайте размер 32×32 или 48×48.
  3. 3
    Выгрузите как ICO
    В окне выгрузки выберите формат ICO.
  4. 4
    Положите в корень сайта
    Назовите favicon.ico и положите в корень — старые браузеры запрашивают его там напрямую.

Частые вопросы

Это многоразмерный ICO?
Нет, одного размера. Внутрь вложен один PNG — благодаря этому файл небольшой и прозрачность сохраняется. Нужны несколько размеров — выгрузите их по отдельности; впрочем, современные сайты чаще объявляют несколько PNG в HTML и держат единственный ICO как запасной вариант.
Какого размера делать favicon?
Для одиночного ICO практичны 32×32 или 48×48. Современные браузеры в основном берут PNG, объявленные в вашем HTML (180×180 для домашнего экрана iOS, 192 и 512 для PWA). ICO нужен главным образом старым браузерам, запрашивающим /favicon.ico напрямую.
Какой максимальный размер у ICO?
256×256. Это правило самого формата ICO: в записи каталога файла ширине и высоте отведено по 1 байту, 256 записывается как 0, поэтому большее значение не выражается. Это не добавленное нами ограничение. Изображение крупнее всё равно экспортируется: оно автоматически пропорционально уменьшается до размеров не больше 256×256.
Это бесплатно? Загружается ли моё изображение?
Бесплатно, без регистрации и без ограничений по количеству. Всё работает в вашем собственном браузере; без входа в аккаунт ничего не загружается, а после входа работа автоматически сохраняется в ваших собственных облачных проектах.

Попробуйте Создать иконку ICO · favicon сайта прямо сейчас

Без установки · без регистрации · локальное не загружается · бесплатный лимит ИИ каждый день