TutuEdit

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

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

Перетащите изображение, задайте размер и выберите ICO при выгрузке.

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

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

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

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

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

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

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

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

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

Изображение не загружается. Закрыли вкладку — ничего не осталось.

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

  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: в записи каталога файла ширине и высоте отведено по одному байту, 256 записывается как 0, поэтому большее значение не выражается. Это не добавленное нами ограничение.
Это бесплатно? Загружается ли моё изображение?
Бесплатно, без регистрации и без ограничений по количеству. И ничего не загружается — всё работает в вашем собственном браузере.

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

Работает полностью в браузере · без установки · без регистрации · изображения никогда не загружаются на сервер