Генератор фавиконов

Загрузите изображение и автоматически получите все необходимые размеры фавикона (16x16, 32x32, 48x48 и 180x180 для значка Apple Touch).

В идеале квадратное изображение хорошего разрешения (логотип, значок...). Перетащите или нажмите для просмотра.

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

У вас есть логотип (часто квадратный PNG, экспортированный из Figma, Canva или другого дизайн-инструмента), и его нужно встроить на сайт в виде значка вкладки и значка на главном экране мобильного устройства. Вместо того чтобы вручную изменять размер файла для каждого размера, этот инструмент создаёт в один клик все ожидаемые варианты: 16x16 и 32x32 для вкладки браузера, 48x48 для ярлыков Windows, и 180x180 для значка Apple Touch (добавление на главный экран iOS).

Какие размеры фавикона действительно нужны?

На практике 32x32 покрывает большинство современных настольных браузеров (экраны с высокой плотностью пикселей часто используют удвоенный размер, отсюда 48x48), а 180x180 — рекомендованный Apple размер для значка на главном экране iPhone и iPad. 16x16 остаётся полезным для старых закладок, но уже не является строго обязательным.

Куда разместить сгенерированные файлы на моём сайте?

Разместите скачанные PNG-файлы в корне вашего сайта (например /favicon-32.png ) и сошлитесь на них в <head> ваших HTML-страниц с помощью тегов <link rel="icon"> для стандартных размеров и <link rel="apple-touch-icon"> для версии 180x180.

Как и все наши инструменты, этот генератор работает на 100% в вашем браузере благодаря WebAssembly: ваш логотип никогда не отправляется на сервер.