Формат .ico появился ещё в 1999 году вместе с Internet Explorer 5 — именно тогда Microsoft ввела саму идею иконки сайта во вкладке. С тех пор требования выросли многократно: один файл уже не покрывает ни iOS, ни Android, ни PWA.
Почему .ico — это на самом деле контейнер
favicon.ico устроен не так, как PNG или JPEG: внутри одного файла может лежать сразу несколько растровых изображений разных размеров (16×16, 32×32, 48×48), и браузер сам выбирает подходящее. Это наследие эпохи, когда для разных экранов и элементов интерфейса Windows требовалась ровно одна иконка «на все случаи».
Буква вместо картинки: частый приём для логотипа
Многие сайты используют в качестве favicon не картинку, а одну заглавную букву на цветном фоне — для кириллических брендов это, естественно, кириллическая буква («Т», «Я», «Ф»), а не латинский аналог. При 16×16 пикселях сложные кириллические буквы вроде «Щ» или «Ы» превращаются в нечитаемое пятно, поэтому для мелких размеров лучше выбирать буквы с простым силуэтом.
Manifest для установки сайта как приложения
Файл site.webmanifest в формате JSON описывает набор иконок разных размеров вместе с именем сайта и цветом темы — именно оттуда Android Chrome берёт иконку, когда пользователь добавляет сайт на домашний экран как отдельное приложение.
Зачем это нужно
- Сгенерировать полный набор иконок нужных размеров из одного исходного изображения.
- Получить готовый HTML-код тегов <link> для вставки в <head>.
- Убедиться, что сайт корректно выглядит при добавлении на домашний экран мобильного устройства.