Как пользоваться
- Выберите «Текст / эмодзи» и введите от одного до трёх символов или выберите «Изображение» и загрузите логотип (лучше всего подходит SVG или квадратный PNG не меньше 512 px).
- Подберите цвета и форму — квадрат, скруглённый квадрат или круг.
- Проверьте предпросмотр в размерах 16, 32, 64 и 128 px — на маленьких размерах видно, читается ли ещё рисунок.
- Скачайте ZIP, загрузите файлы в корневую папку сайта и вставьте HTML-код в head.
Описание параметров
- favicon.ico
- Содержит версии 16, 32 и 48 px для браузеров, закладок и ярлыков Windows.
- apple-touch-icon.png
- 180 × 180 px со сплошным фоном; используется, когда сайт добавляют на главный экран iPhone или iPad.
- icon-192.png / icon-512.png
- Указываются в site.webmanifest для главного экрана Android и устанавливаемых веб-приложений.
- icon.svg
- Масштабируемая иконка для современных браузеров; добавляется, если источник — текст или SVG-файл.
HTML-код
Загрузив файлы в корень сайта, добавьте этот код в head каждой страницы:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Часто задаваемые вопросы
Какие файлы действительно нужны?
favicon.ico в корне сайта работает во всех браузерах. Добавьте apple-touch-icon.png для iOS и манифест с иконками 192/512, если хотите нормальную иконку при установке или закреплении сайта на Android.
Почему фавикон размыт в 16 px?
Мелкие детали пропадают в размере 16 × 16 пикселей. Используйте жирную букву или упрощённый знак логотипа вместо полного логотипа с текстом.
Фавикон обновлён, но браузер всё ещё показывает старый.
Браузеры агрессивно кешируют фавиконки. Обновите страницу без кеша или добавьте к ссылкам параметр версии, например /favicon.ico?v=2.
Можно ли сделать фавикон из эмодзи?
Да. Эмодзи рисуются системным шрифтом эмодзи, поэтому результат совпадает с тем, что вы видите в предпросмотре.
Конфиденциальность
Этот инструмент работает полностью в браузере. Ваши файлы и текст обрабатываются на вашем устройстве и никогда не загружаются на наши серверы.