Генератор favicon

Делает иконку сайта во всех нужных размерах прямо в браузере. Файл никуда не загружается: картинка обрабатывается на вашем устройстве, скачиваются готовые PNG. Настраиваются фон, отступ и скругление — чтобы логотип не прилипал к краям и не терялся на тёмной вкладке.

Какие размеры нужны в 2026 году

• 16×16 и 32×32 — вкладка браузера и закладки. Самое важное: именно это видят чаще всего.
• 48×48 — некоторые интерфейсы Windows и панели.
• 180×180 — иконка при добавлении сайта на домашний экран iPhone и iPad.
• 192×192 и 512×512 — Android и веб-манифест, иконка установленного приложения.

Как выбрать картинку

На 16 пикселях не читается ничего, кроме простого знака. Полный логотип с текстом превращается в серое пятно — берите только фирменный символ или первую букву. Проверяйте контраст: тонкие линии исчезают, а белый знак без фона становится невидимым на светлой вкладке. Если логотип светлый, поставьте тёмный фон — для этого в генераторе есть выбор фона и скругления.

Куда класть файлы

Скачанные PNG положите в корень сайта и добавьте код из генератора в секцию head. Классический favicon.ico в корне тоже не помешает: некоторые старые браузеры и агрегаторы ищут именно его по адресу /favicon.ico. Для Android дополнительно понадобится файл манифеста со ссылками на иконки 192 и 512.

Почему иконка не меняется после замены

Браузеры кешируют favicon особенно упорно — иногда неделями. Проверяйте в режиме инкогнито или добавьте к пути версию: /favicon-32x32.png?v=2. Если иконка не появилась и там, смотрите, не отдаёт ли сервер старый файл и правильный ли путь указан в коде: относительный путь на внутренней странице может вести не туда, где лежит файл.

Частые ошибки

• Загрузили одну картинку 512×512 и указали её для всех размеров — браузер сожмёт её сам, и на вкладке получится каша.
• Прозрачный фон с тёмным логотипом: на тёмной теме браузера иконка исчезает.
• Иконку положили в папку темы, а код ссылается на корень — файл не находится.
• Забыли про iPhone: при добавлении на домашний экран показывается скриншот страницы вместо иконки.

Если иконки нет и руки не доходят — это пятиминутная задача: мелкие работы по сайту. Кстати, на нашем собственном сайте favicon не был подключён с 2021 года — нашли это при первом же аудите.

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

Файл загружается на ваш сервер?

Нет. Картинка обрабатывается прямо в браузере средствами canvas: она не покидает ваше устройство. Поэтому можно спокойно пользоваться с неопубликованными логотипами.

Какой формат исходника лучше?

PNG с прозрачностью или SVG. Квадратная картинка предпочтительнее: прямоугольный логотип придётся вписывать в квадрат, и по бокам останется пустота.

Нужен ли favicon.ico?

Современным браузерам достаточно PNG, указанных в коде. Но файл favicon.ico в корне всё ещё запрашивают некоторые старые клиенты и сервисы, так что положить его не помешает.

Почему на вкладке иконка мыльная?

Скорее всего, браузер масштабирует большую картинку. Для 16 и 32 пикселей нужны отдельные файлы именно этого размера — генератор их и делает, каждый отрисовывается заново, а не сжимается.

Влияет ли favicon на SEO?

Напрямую — нет. Но иконка показывается в результатах поиска на мобильных и в закладках: узнаваемый значок повышает кликабельность. А её отсутствие выглядит как заброшенный сайт.