Перейти к содержимому
← Все гайды

Полный набор фавиконов

Фавикон — это не один файл. Вкладке нужны 16 и 32 пикселя, панели закладок — 48, iOS — иконка 180, а устанавливаемому приложению — 192 и 512. Если выложить только favicon.ico, все остальные размеры браузер будет додумывать масштабированием.

Открыть генератор фавиконов

Что лежит в архиве

PNG размеров 16, 32, 48, 180, 192 и 512; favicon.ico; favicon.svg; site.webmanifest с уже подставленными названием сайта и цветом темы; и README с готовыми тегами <link> для вставки в <head>.

Файл .ico здесь настоящий

Переименовать PNG в .ico — распространённый обходной путь, который проводник Windows и старые браузеры молча не принимают. Этот инструмент собирает полноценный контейнер ICO с тремя картинками внутри — 16, 32 и 48, — каждая из которых является полноценным PNG, а каталог в начале файла позволяет декодеру их найти.

Из букв или из вашей графики

Введите один-два символа и выберите форму, цвета или градиент и шрифт — либо загрузите собственный знак и разместите его на холсте. В обоих случаях отрисовка идёт в браузере на canvas: загруженное изображение никуда не отправляется.

По шагам

  1. Задайте буквы или загрузите логотип, затем выберите форму, цвета и шрифт.
  2. Впишите название сайта, чтобы веб-манифест был пригоден без ручной правки.
  3. Проверьте полосу предпросмотра: там иконка во всех размерах рядом с макетом вкладки браузера.
  4. Скачайте архив и скопируйте теги из README.txt себе в <head>.

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

Нужен ли ещё favicon.ico в 2026 году?

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

Зачем манифесту название сайта?

Окно установки показывает name и short_name; с пустыми полями манифест остаётся валидным JSON, но показывать окну нечего, и аудиты это отмечают. Поле используется только для манифеста и превью вкладки — на самой иконке оно не появляется.

Загруженный логотип уходит на сервер?

Нет. Файл читается в canvas прямо на странице, все размеры отрисовываются локально, и архив тоже собирается в браузере.

Скопировано