Генератор favicon — PNG/SVG в multi-size ICO
Превратите логотип или квадратный знак в favicon сайта: несколько размеров в одном `.ico` для более чётких вкладок, закладок и части ярлыков. Начните с простого центрированного квадрата на чистом фоне — плотная детализация на 16×16 превращается в кашу.
Перетащите файл сюда или нажмите, чтобы выбрать
Favicon — крошечный знак, который замечают во вкладке. Многие сайты также отдают PNG в web-манифесте, но ICO остаётся надёжным multi-size пакетом для широкой совместимости.
Квадратные исходники работают лучше всего. Широкие логотипы получат поля или обрезку в зависимости от режима — при необходимости сначала обрежьте квадрат.
Сильный контраст побеждает на малых размерах: тонкие светло-серые линии пропадают в панели вкладок. Смелые формы лучше мелкого текста.
Как сгенерировать
- Загрузите самый квадратный логотип, что есть
- Выберите набор размеров и режим подгонки
- Скачайте favicon.ico
- Положите в корень сайта или свяжите по документации фреймворка
Что экономит генератор
- Упаковывает частые размеры за раз — не пропустите 16 или 32.
- Скачивает готовый `.ico` — без ручной сборки файла.
- Загрузите квадратный логотип и быстро повесьте на сайт.
Кому это нужно
- Новый сайт без иконки во вкладке
- Обновление цвета бренда для favicon
- Быстрый ICO из PNG-логотипа для традиционного хостинга
Советы по дизайну
- Исходник хотя бы 256×256 или векторный SVG масштабируется чище.
- Не пихайте полный слоган в иконку.
- После генерации откройте реальную вкладку браузера для проверки.
- PWA могут всё ещё требовать отдельные PNG в манифесте.
Подсказки по вводу
| Ввод | Вывод | Примечание |
|---|---|---|
| Квадратный PNG-логотип | Multi-size favicon.ico | Самый частый |
| SVG-иконка | Растрируется в ICO | Следите за толщиной штриха |
Частые вопросы о favicon
- Можно только PNG как favicon?
- Многие современные браузеры позволяют. ICO всё ещё помогает в старых средах; оба вместе — обычно.
- Только SVG как favicon?
- Поддержка растёт, но связка ICO/PNG безопаснее.
- Почему 16×16 нечитаем?
- Слишком много деталей в исходнике. Упростите или сделайте отдельный крошечный знак.