Создать иконку 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 Добавьте изображениеКвадратное подходит лучше всего. Перетащите в рамку.
- 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: в записи каталога файла ширине и высоте отведено по 1 байту, 256 записывается как 0, поэтому большее значение не выражается. Это не добавленное нами ограничение. Изображение крупнее всё равно экспортируется: оно автоматически пропорционально уменьшается до размеров не больше 256×256.
- Это бесплатно? Загружается ли моё изображение?
- Бесплатно, без регистрации и без ограничений по количеству. Всё работает в вашем собственном браузере; без входа в аккаунт ничего не загружается, а после входа работа автоматически сохраняется в ваших собственных облачных проектах.
Попробуйте Создать иконку ICO · favicon сайта прямо сейчас
Без установки · без регистрации · локальное не загружается · бесплатный лимит ИИ каждый день