Что такое favicon? Полное руководство
Favicon — это маленькая квадратная иконка, которую браузер показывает для вашего сайта: на вкладке, рядом с закладкой, в истории и на домашнем экране телефона. Это настоящий файл изображения, который отдаётся с вашего домена и подключается из <head> страницы, обычно в нескольких размерах, чтобы каждая поверхность могла выбрать подходящий.
Где на самом деле появляется favicon
Вкладка браузера — очевидное место, но самое нетребовательное. Панель закладок, списки истории, стартовые страницы браузера, результаты поиска, превью ссылок в мессенджерах и домашние экраны телефонов — все они тоже обращаются к иконке, и некоторым из них нужен файл гораздо большего размера, чем вкладке.
Именно поэтому favicon — это, по сути, набор, а не один файл. Иконка вкладки в 16 пикселей и иконка домашнего экрана iOS в 180 пикселей — это разные изображения с разными ограничениями в дизайне, даже если они происходят из одного и того же знака.
Один и тот же знак в важных размерах
Частые вопросы о favicon
Обязателен ли favicon?
Никакой стандарт его не требует, но браузеры всё равно запрашивают /favicon.ico, а отсутствующая иконка отображается пустым местом или обобщённой заглушкой. У нового продукта это выглядит как незавершённость.
В чём разница между favicon и иконкой приложения?
Favicon обозначает ваш сайт внутри браузера, а иконка приложения представляет установленное приложение на домашнем экране или в лаунчере. На практике они делаются из одной и той же графики и поставляются вместе — поэтому генераторы экспортируют обе.