Как сделать favicon.ico
favicon.ico до сих пор полезен: его ищут старые сценарии, некоторые браузеры и движки. Самый надёжный вариант — иметь набор: SVG + ICO + PNG разных размеров.
Быстрый способ за минуту
- Подготовьте SVG (лучше «Plain SVG» без внешних картинок и шрифтов).
- Загрузите SVG в генератор Favicon.kz.
- Выберите Mini set или Complete set (если нужна тёмная тема).
- Нажмите «Сгенерировать» и скачайте ZIP-архив.
- Вставьте HTML-сниппет в <head> — и готово.
Практика
Даже если вы хотите только ICO — всё равно держите favicon.svg. Он выглядит идеально на Retina и хорошо масштабируется.
Что будет в ZIP
- favicon.ico (совместимость)
- favicon.svg (современные браузеры)
- PNG-иконки разных размеров (16/32/48/96/192 и т.д.)
- Apple Touch Icons (для iOS)
- manifest.json (для Android/PWA)
- готовый HTML-сниппет для подключения
Открыть генератор и загрузить SVG
Скачаете полный набор с favicon.ico в ZIP.
FAQ
Можно ли обойтись только favicon.ico?
Можно, но лучше добавить favicon.svg и PNG-набор: так иконка будет корректной в большем числе браузеров и платформ.
Какие размеры должны быть внутри ICO?
Обычно 16×16, 32×32, 48×48 (иногда 64×64). Генератор делает это автоматически.
Если у меня логотип PNG, что делать?
Лучше конвертировать в SVG (или экспортировать из исходника). Если SVG нет — сделайте максимально большой PNG и используйте конвертацию/перерисовку в вектор.