Почему мой фавикон не обновляется?
Это самая частая проблема с фавиконами, и почти всегда дело в кэше. Браузеры удерживают фавиконы сильнее, чем большинство ресурсов. Решайте в таком порядке: принудительная перезагрузка (Ctrl+Shift+R / Cmd+Shift+R); если это не помогает, полностью закройте вкладку и откройте новую, потому что кэш фавиконов обычно привязан к вкладке; пока идёт работа, добавьте одноразовый параметр версии, например /favicon.ico?v=2, чтобы браузер запросил «новый» файл. Google Search хранит отдельную копию и обновляется по своему сроку: от дней до недель.
Нужен ли мне ещё favicon.ico в 2026 году?
Да. Даже если у вас есть SVG, браузеры и Googlebot по-прежнему автоматически запрашивают /favicon.ico из корня сайта, и несколько старых клиентов зависят от него. Это крошечный файл: сохраняйте многоразмерный .ico (16/32/48) как надёжную основу.
Какие размеры мне действительно нужны?
Намного меньше, чем генерирует большинство инструментов. Полный современный набор: многоразмерный favicon.ico (16/32/48), icon.svg, apple-touch-icon.png 180×180 и PNG 192 + 512, на которые ссылается ваш веб-манифест приложения. Старые плитки Windows 70×70/150×150 и десятки промежуточных PNG больше не используются.
В чём разница между фавиконом и apple-touch-icon?
Фавикон (.ico/SVG/PNG) — это маленькая иконка на вкладке и в закладках. apple-touch-icon — это PNG 180×180, который iOS использует, когда кто-то добавляет ваш сайт на главный экран: операционная система показывает его крупно и со скруглёнными углами. iOS не читает ваш SVG-фавикон для этого, поэтому отдельный PNG обязателен.
Могу ли я использовать SVG-фавикон? Поддерживают ли его все браузеры?
Все современные настольные и мобильные браузеры показывают SVG-фавиконы. Отдавайте им SVG и сохраняйте favicon.ico, чтобы старые браузеры — и Google Search — тоже получили иконку. Лучшее из двух миров, два файла.
Как создать фавикон для тёмного режима?
Адаптироваться может только SVG. Поместите правило @media (prefers-color-scheme: dark) внутрь SVG, чтобы его заливка менялась вместе с темой браузера: полезно, когда тёмный логотип исчез бы на тёмной панели вкладок. ICO и PNG — это фиксированные растровые изображения, они не могут меняться. Полный пример есть в разделе Продвинутые советы.
Почему Google показывает неправильный фавикон — или ни одного — в поиске?
У Google есть конкретные правила: фавикон должен находиться по стабильному URL, быть квадратом со стороной, кратной 48×48 (48, 96, 144…), располагаться на том же хосте, что и сайт, и на странице, которую Google может индексировать. Кроме того, он кэширует иконку отдельно от страницы, так что изменение может проявиться через дни или недели. Если Google ничего не показывает, проверьте, что /favicon.ico возвращает 200 для Googlebot и что страница не заблокирована robots или noindex.
Должен ли мой фавикон иметь прозрачный фон?
Обычно да: прозрачный PNG/SVG выглядит аккуратно на светлых и тёмных панелях вкладок. Сгенерированный .ico сохраняет запасной вариант со сплошным фоном для редких старых браузеров, которые не могут отрисовать альфа-канал. Если ваш логотип светлого цвета, подумайте о небольшой сплошной форме за ним, чтобы он не исчез на белой панели вкладок.
Мой фавикон выглядит размытым или смазанным, почему?
Детали умирают на 16×16. Текстовые логотипы, тонкие штрихи и градиенты превращаются в кашу. Используйте один яркий глиф или символ, высокий контраст и щедрое свободное пространство. Если в логотипе есть мелкий текст, уберите текст из фавикона и оставьте только символ.
Я вижу ошибки 404 для favicon.ico в логах сервера, это проблема?
Они лишь указывают, что у вас нет фавикона. Браузеры автоматически запрашивают /favicon.ico, поэтому отсутствующий файл проявляется как повторяющиеся ошибки 404. Добавьте файл в корень, и они исчезнут.
Влияет ли фавикон на SEO?
Не как фактор ранжирования. Но Google Search действительно показывает ваш фавикон рядом с результатом на мобильных, поэтому чёткая и узнаваемая иконка улучшает кликабельность: косвенное преимущество, а не рост в ранжировании.
Загружается ли моё изображение куда-либо?
Нет. Генератор выполняется полностью в вашем браузере с помощью Canvas API: изображение никогда не касается сервера. Именно поэтому он работает с вашей приватной работой и даже без подключения к сети.