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

Загрузите квадратное изображение и скачайте все необходимые размеры фавиконов с готовыми HTML-тегами link для вставки. Инструмент генерирует все популярные размеры для различных платформ.

Перетащите квадратное изображение (PNG, JPG) или нажмите, чтобы выбрать

Или создайте из текста:

Фон

Текст

Возможности

Все стандартные размеры

Код тега link

Фрагмент manifest.json

Скачивание архивом zip

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

1. Перетащите квадратное изображение (PNG/JPG) в область загрузки.

2. Просмотрите все сгенерированные размеры.

3. Нажмите «Скачать» для загрузки архива ZIP и скопируйте HTML-код.

Об этом инструменте

Фавикон виден во вкладках браузера, закладках, истории, ярлыках на главном экране и в результатах поиска, и каждое место требует своего размера. Этот генератор берёт квадратное изображение — или один-два символа на цветном фоне — и отрисовывает его в размерах 16, 32, 48, 64, 128, 180, 192, 256 и 512 пикселей, с кнопкой скачивания для каждого PNG. Фавиконы «ломаются» именно на маленьких размерах: мелкие детали и тонкий текст пропадают при 16 × 16, поэтому лучше всего работают крупные формы и высокий контраст. Начинайте с квадратного исходника не меньше 512 × 512 пикселей, чтобы крупные размеры оставались чёткими. После скачивания подключите файлы тегами link в head страницы, а для устанавливаемых веб-приложений укажите размеры 192 и 512 в манифесте.

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

Какие размеры фавикона действительно нужны?

Для большинства сайтов: 32 × 32 для вкладок браузера (16 × 16 как запасной вариант для старых браузеров), 180 × 180 для Apple touch icon, а также 192 × 192 и 512 × 512 для Android и манифестов веб-приложений. 48 × 48 — полезное дополнение, потому что Google Поиск может показывать фавиконы размером, кратным 48px.

Какой HTML нужно добавить на страницу?

Типичный набор: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="apple-touch-icon" href="/favicon-180x180.png"> и манифест со значками 192 и 512. Разместите их в <head> каждой страницы.

Создаёт ли генератор файл .ico?

Нет. Он экспортирует PNG-файлы, которые все современные браузеры принимают в rel="icon". Если нужен многоразмерный favicon.ico для очень старых браузеров или некоторых функций Windows, объедините PNG 16, 32 и 48 в отдельном ICO-инструменте.

Почему фавикон размытый или нечитаемый при 16 пикселях?

Детали, заметные при 512px, теряются при 16px. Используйте упрощённый знак, более толстые линии и сильный контраст — или текстовый вариант с одной жирной буквой, который остаётся читаемым в малом размере.

Почему новый фавикон не появляется?

Браузеры очень настойчиво кешируют фавиконы. Очистите кеш или откройте сайт в приватном окне, а при замене переименуйте файл или добавьте параметр версии, например ?v=2. Поисковым системам может понадобиться от нескольких дней до нескольких недель, чтобы обновить его.

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

Созданные фавиконки

Возможности

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

Об этом инструменте

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

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