Создать иконку 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 Добавьте изображениеКвадратное подходит лучше всего. Перетащите в рамку.
- 2 Сделайте квадратнымОбрежьте в 1:1, затем задайте размер 32×32 или 48×48.
- 3 Выгрузите как ICOВ окне выгрузки выберите формат ICO.
- 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 сайта прямо сейчас
Работает полностью в браузере · без установки · без регистрации · изображения никогда не загружаются на сервер