Генератор favicon

Загрузите логотип или сделайте иконку из буквы — получите полный набор: favicon.ico, SVG, PNG для Android и Apple и код для <head>. Всё одним архивом.

Работает в браузере Без регистрации Без лимитов

Буквы

Шрифт

Цвет буквы

Фон

Форма

Название сайта для манифеста

Предпросмотр

Мой сайт

Код для <head>

Положите файлы из архива в корень сайта — favicon.ico должен открываться по адресу site.ru/favicon.ico. Именно там его ищет Яндекс.

Какие favicon нужны сайту

Favicon — маленькая иконка сайта во вкладке браузера, в закладках и в поисковой выдаче. Яндекс и Google показывают её рядом с каждым результатом, поэтому заметная иконка помогает пользователю найти ваш сайт глазами и повышает кликабельность. Разные устройства берут иконки разных размеров, поэтому генератор делает полный набор.

favicon.ico — 16, 32 и 48 px в одном файле. Классический вариант, который понимают все браузеры и поисковики.
favicon.svg — векторная иконка, чёткая на любом экране (только в режиме «Из буквы»).
favicon-120x120.png — крупная иконка для поисковой выдачи.
apple-touch-icon.png — 180 px для iPhone и iPad, когда сайт добавляют на главный экран.
android-chrome 192 и 512 px и site.webmanifest — для Android и установки сайта как приложения.

Требования поисковиков

Иконка должна быть квадратной, читаемой в размере 16 × 16 и доступной для робота: не закрывайте её в robots.txt. Google рекомендует размер, кратный 48 px. После замены иконки поисковикам нужно время, чтобы её переобойти, — обычно от нескольких дней до пары недель.

Частые вопросы

Не нашли ответ? Напишите в Telegram

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

На 16 × 16 пикселях детали логотипа сливаются. Лучше использовать упрощённый знак или первую букву названия — как это делают крупные бренды.

Нужен ли favicon.ico, если есть SVG?

Да. SVG понимают не все браузеры и сервисы, а favicon.ico в корне сайта по умолчанию запрашивают браузеры и поисковые роботы.

Картинка куда-то загружается?

Нет. Иконки рисуются в браузере, архив собирается на вашем компьютере.

Почему в режиме «Из буквы» SVG выглядит чуть иначе, чем PNG?

SVG использует шрифт, установленный у посетителя, а PNG рисуется выбранным шрифтом прямо здесь. Для полной идентичности используйте PNG и ICO.