Генератор полного набора favicon

Загрузите изображение и одним щелчком получите полный набор favicon: PNG всех нужных размеров (от 16 до 512 px), файл favicon.ico и HTML-код тегов <link>, который остаётся скопировать на ваш сайт.

Лучше всего подойдёт квадратное изображение хорошего разрешения (логотип, значок...). Перетащите файл сюда или нажмите, чтобы выбрать.

Как это работает

В отличие от простого генератора favicon, который создаёт всего два-три размера, этот набор охватывает все распространённые случаи: вкладки браузера, ярлыки Windows, значки главного экрана iOS и Android, а также классический файл favicon.ico для максимальной совместимости. Каждый размер создаётся масштабированием с обрезкой по центру, чтобы главный объект вашего изображения оставался в кадре даже в самых мелких вариантах.

Куда положить созданные файлы на моём сайте?

Положите все файлы PNG и favicon.ico в корень сайта (например, /favicon-32x32.png), затем вставьте предложенный HTML-код в раздел <head> ваших страниц. Упомянутый файл site.webmanifest необязателен: он позволяет задать дополнительные значки для PWA, если вы создаёте его отдельно.

Зачем создавать столько разных размеров?

Каждой платформе и каждому контексту отображения нужен свой размер: 32×32 для вкладки на компьютере, 180×180 для значка главного экрана iOS, 192×192 и 512×512 для значков приложений Android и PWA. Если предоставить все эти размеры, система не будет сама масштабировать ваше изображение, а это часто даёт размытый или пиксельный результат.

100% локальная обработка: масштабирование выполняется через Canvas API вашего браузера, а favicon.ico создаётся через WebAssembly — ваш логотип никогда не отправляется на сервер.