инструмент для изображений / 21

Конвертер фавиконов

Превратите одно изображение в полный пакет фавиконов: PNG всех размеров, многоразмерный favicon.ico и site.webmanifest — одним zip-архивом.

Конвертер фавиконов: TOEA создаёт версии изображения размером 16, 32, 180, 192 и 512 пикселей, упаковывает два небольших размера в многоразмерный favicon.ico, записывает соответствующий site.webmanifest и объединяет все семь файлов в zip-архив. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.

Запуски
В вашем браузере
Стоимость
Бесплатно · без регистрации
Доступность
Готово к использованию
Сборка пакета faviconЛокальная обработка

Полностью работает в браузере

↥
Выберите квадратное исходное изображение

PNG, JPG, WebP или SVG · лучше всего подходят изображения размером 1024 × 1024 или больше

Храните файл ICO в корне

Браузеры запрашивают /favicon.ico из корневой папки сайта, даже если ни одна страница на него не ссылается, а некоторые программы чтения лент, инструменты для закладок и роботы не ищут значок в других местах. Поэтому храните файл ICO в корне, а не в папке с изображениями. Если в заголовке страницы есть ссылки на значки, браузеры используют их в первую очередь: это позволяет отдавать PNG современным браузерам, а ICO оставляет совместимость со всеми остальными. См. документацию MDN по значкам.

Настройка манифеста

Созданный site.webmanifest использует название сайта и для name, и для short_name. Короткое название отображается под значком на главном экране; обычно до обрезки помещается около 12 символов, поэтому длинное название стоит сократить. Значки перечислены без "purpose": "maskable", поэтому Android может уменьшить их внутри белого круга. Чтобы заполнить форму значка в программе запуска, добавьте отдельный адаптивный значок, разместив важное содержимое внутри центрального круга размером 80% ширины.

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

  1. Выберите квадратное изображение, желательно размером 512 × 512 или больше.
  2. Укажите название сайта и цвет темы для манифеста.
  3. Создайте пакет и скачайте zip-архив.

Конфиденциальность и ограничения

Изображение не покидает ваш браузер: все размеры, контейнер ICO и zip-архив создаются на вашем устройстве. Прозрачность исходных изображений сохраняется.

Похожие инструменты

Часто задаваемые вопросы

Что входит в zip-архив?

favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png и site.webmanifest — тот же набор, который обычно создают генераторы фавиконов.

В favicon.ico хранится больше одного размера?

Да. В нём содержатся изображения размером 16 × 16 и 32 × 32, сохранённые как записи PNG, поэтому альфа-канал не теряется.

Куда помещаются файлы?

Распакуйте их в корневую папку сайта, затем добавьте ссылки на favicon-32x32.png, favicon-16x16.png и apple-touch-icon.png в HTML-коде head и укажите site.webmanifest в ссылке на манифест.

Почему после загрузки значок по-прежнему выглядит неправильно?

Браузеры активно кэшируют фавиконы отдельно от обычных файлов. Откройте URL PNG напрямую или проверьте его в приватном окне, чтобы убедиться, что новый файл доступен.

Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен