Как работают форматы значков
Знание того, как работает каждый формат, поможет вам устранить неизбежную проблему «мой значок не отображается».
Контейнер .ico
Файл .ico представляет собой заголовок, за которым следует одна или несколько записей изображений. Каждая запись может иметь формат BMP или PNG, и каждая имеет ширину, высоту и разрядность.
Браузеры анализируют каталог, выбирают запись, соответствующую запрошенному размеру, и декодируют только ее.
PNG внутри .ico
Для размеров 64×64 и выше сжатие PNG сокращает размер файла в 5–10 раз без визуальной потери. Современные генераторы (в том числе и наш) делают это автоматически.
SVG значки
Значок SVG — это обычный файл SVG. Браузеры отображают его как любой другой SVG, а блок <style> может адаптировать цвета на основе предпочтительной цветовой схемы.
Как браузеры выбирают
Если вы отправляете несколько тегов <link rel="icon">, браузеры выбирают тот, который лучше всего соответствует поверхности (вкладка, закладка или установка). SVG является предпочтительным, если поддерживается; .ico — это запасной вариант.