Генератор Favicon

Создайте профессиональный набор favicon из любого изображения. Генерация всех необходимых размеров, включая favicon.ico, происходит мгновенно прямо в вашем браузере.

1 Загрузите изображение

Перетащите изображение сюда или выберите файл

Поддерживаются PNG, JPG, WebP, SVG. Рекомендуется квадратное изображение.

2 Настройки

Цвет фона: Если изображение без фона, выберите цвет заливки

Прозрачный фон (если поддерживается форматом)

Отступы от краёв 10%

Увеличьте отступ, если логотип слишком близко к краям

3 Результат

Сгенерированные иконки появятся здесь

В ZIP попадут все PNG-иконки, favicon.ico — отдельным файлом.

HTML-код для вставки на сайт

Пример для <head>. Замените /favicon-32x32.png и другие пути на ваши реальные URL после загрузки файлов на сервер.

<!-- Сначала сгенерируйте иконки -->

Как разложить файлы по структуре сайта

Поместите favicon.ico в корень сайта: https://example.com/favicon.ico. Многие браузеры ищут иконку именно там, даже без HTML-кода.
PNG-иконки (например favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon-180x180.png, android-chrome-192x192.png, android-chrome-512x512.png) можно сложить в отдельную папку, например /favicons/ или /static/icons/, и в HTML-коде прописать соответствующие пути: /favicons/favicon-32x32.png и т.д.
Для Google и других поисковых систем достаточно одной квадратной PNG-иконки достаточного размера (например 96×96), но набор иконок разных размеров улучшает отображение в закладках, на экране смартфона и в PWA.
После обновления favicon очистите кэш браузера (или откройте сайт в режиме инкогнито) — старые иконки могут некоторое время браться из кеша.