Действительно ли нужны все файлы favicon или только favicon.ico?
Генератор выдаёт вам папку файлов иконок. Большинство сайтов используют лишь горстку из них. Вот для чего на самом деле нужен каждый из них, чтобы вы могли поставить те, что нужны вашим поверхностям, и пропустить остальные с чистой совестью.
Почему генераторы выдают вам весь комплект
Генератор favicon экспортирует дюжину и более файлов, потому что не может знать, какие поверхности вам важны, поэтому покрывает их все сразу: каждый браузер, iOS, Android, установку PWA, плитки Windows — всё целиком. Это разумное значение по умолчанию: файлы крошечные, и поставка нескольких неиспользуемых не стоит ничего, кроме небольшого беспорядка.
Но больше файлов — это не более хороший favicon. Это более покрытый favicon. Стоит ли это покрытие чего-то, целиком зависит от того, какие поверхности реально достигают ваши посетители, а для многих сайтов это короткий список.
Для чего каждый файл и кому он нужен
| Файл(ы) | Обслуживаемая поверхность | Нужен ли он вам? |
|---|---|---|
| favicon.ico | Вкладки браузера, закладки, краулеры, читалки лент | Да, всегда |
| favicon.svg / PNG 32px | Более чёткая иконка вкладки в современных браузерах | Приятное дополнение |
| apple-touch-icon (180) | Ярлык на домашнем экране iOS | Только если люди сохраняют ваш сайт на iPhone |
| manifest + PNG 192/512 | Установка Android и PWA | Только если это устанавливаемое приложение |
| maskable-иконка | Формирование адаптивной иконки Android | Только для PWA |
| иконка 48px+ | Favicon в результатах поиска Google | Да, если вам важно, как вы выглядите в поиске |
Честный минимум
Для простого маркетингового сайта, блога или страницы документации одного favicon.ico, содержащего версии 16, 32 и 48 пикселей, действительно достаточно. Добавьте SVG, если хотите чёткую иконку на экранах высокой плотности, и всё. Никто не будет устанавливать ваш блог на домашний экран, так что apple-touch-icon и иконки манифеста лежат там без дела.
Та запись на 48 пикселей выполняет двойную работу: это ещё и размер, который нужен Google, прежде чем он покажет favicon рядом с вашим результатом, так что хороший .ico ненавязчиво покрывает и ваш вид в поиске.
Когда полный набор оправдывает своё место
Дополнительные файлы перестают быть необязательными в тот момент, когда вы используете обслуживаемые ими поверхности. Устанавливаемый PWA даже не предложит установку без 192 и 512 в своём манифесте. Приложение, которое люди добавляют на домашний экран iPhone, выглядит сломанным без apple-touch-icon, потому что iOS откатывается к размытому скриншоту. Продукт, который опирается на тёмный режим, хочет иконку, адаптирующуюся к теме, чтобы не исчезать на фоне полосы вкладок.
На таких сайтах «лишние» иконки вовсе не лишние: это единственный способ хорошо выглядеть на поверхностях, которых ваши пользователи действительно достигают. Покрытие важно именно там, где оно используется, — а это и есть суть аргумента в пользу полного покрытия.
Так должен ли генератор заставлять вас выбирать?
Наше мнение: экспорт полного набора — правильное значение по умолчанию, потому что это безопасно и почти ничего вам не стоит. Но вы вправе поставить только то, что нужно вашим поверхностям (favicon.ico для всех, плюс apple-touch-icon и манифест, если у вас есть приложение или PWA), и удалить остальное без чувства вины.
Полезная ментальная модель — не «сколько файлов favicon мне нужно», а «на каких поверхностях я реально появляюсь». Ответьте на это, и список файлов ответит на себя сам.
Часто задаваемые вопросы
Нужны ли мне все эти размеры favicon?
Нет. favicon.ico с версиями 16, 32 и 48 пикселей покрывает вкладки браузера и иконку поиска Google. Остальные размеры соответствуют конкретным поверхностям (домашние экраны iOS, установка Android и PWA), так что поставляйте их только если вы их используете.
Достаточно ли одного favicon.ico?
Для вкладок браузера в любом браузере — да. Его недостаточно для ярлыков на домашнем экране iOS, установки PWA или иконки тёмного режима, адаптирующейся к теме, и каждому из них нужен свой файл. Если вы не используете эти поверхности, одного хорошего .ico достаточно.
Помогает ли SEO большее число файлов favicon?
Нет. У дополнительных иконок нет преимущества в ранжировании. Google нужна лишь одна иконка не меньше 48x48, чтобы отобразить favicon в результатах; дополнительные файлы обслуживают поверхности вне поиска и не влияют на ранжирование.
Замедлят ли неиспользуемые файлы favicon мой сайт?
Почти нет. Файл загружается только тогда, когда поверхность его действительно запрашивает, а favicon жёстко кэшируются после первой загрузки. Реальная цена поставки неиспользуемых иконок — беспорядок в проекте, а не скорость страницы.