Как добавить favicon на сайт: размеры, форматы и код

Favicon — маленькая иконка сайта во вкладке браузера и в выдаче поисковика. Её отсутствие делает сайт «недоделанным». Подключается favicon за пять минут.

Минимальный набор

Размеры и форматы

• favicon.ico — 32×32 или 16×16 для старых браузеров.
• PNG 32×32 — основной современный формат.
• apple-touch-icon 180×180 — иконка на главном экране iPhone.
• SVG — масштабируется без потерь, поддержка современных браузеров.

Не забудьте webmanifest

В манифесте указываются иконки 192×192 и 512×512 — их используют PWA и мобильные браузеры.

Добавили favicon? Проверьте страницу в SEO-инструментах — там есть проверка Open Graph и мета-тегов.