Перетащите изображение для создания favicon

Перетащите, вставьте или выберите файл

PNG · JPG · WebP · SVG — иконки создаются на вашем устройстве

Генератор Favicon

Превратите одно изображение в полный набор favicon — favicon.ico, PNG всех размеров, apple-touch-icon, иконки Android, веб-манифест и HTML-сниппет — в одном ZIP-архиве, прямо в браузере.

100% бесплатноБез водяного знакаБез регистрации PNG · JPG · WebP · SVG

Часто задаваемые вопросы

Что такое favicon и какого размера он должен быть?

Favicon — это маленькая иконка, которую браузер отображает во вкладке, закладках и истории. Единого размера нет — современные сайты используют несколько: favicon.ico с 16, 32 и 48 px, PNG-иконки до 512 px, apple-touch-icon 180 px для iOS и иконки 192/512 px для Android и PWA. Этот генератор создаёт все сразу.

Как создать favicon.ico из PNG?

Перетащите ваш PNG (или JPG, WebP или SVG) на инструмент. Он уменьшит изображение до 16, 32 и 48 px и упакует их в единый favicon.ico вместе с отдельными PNG-иконками. Скачайте ZIP и скопируйте favicon.ico в корень вашего сайта.

Где обрабатывается моё изображение?

Всё происходит в вашем браузере, поэтому иконки создаются на вашем устройстве. Порядок обработки данных, связанных с инструментом, описан в нашей политике конфиденциальности.

Какие файлы я получу и куда их поместить?

ZIP содержит favicon.ico, PNG-фавиконы (16–512 px), apple-touch-icon.png, PNG android-chrome-192/512, site.webmanifest и готовый HTML-сниппет. Скопируйте файлы в корень сайта и вставьте сниппет в <head> вашей страницы.

Исходное изображение должно быть квадратным?

Квадратное работает лучше всего, поскольку иконки квадратные. Если изображение не квадратное, оно центрируется и вписывается в квадратную рамку; можно также добавить цвет фона и отступ, чтобы неквадратное изображение аккуратно вписывалось в иконку.

Favicon должен иметь прозрачный или сплошной фон?

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

Можно ли генерировать иконки приложений для iOS и Android?

Да. Переключитесь в режим «Иконки приложения», чтобы экспортировать полный набор iOS (40–1024 px для Xcode и App Store) и плотности mipmap для Android плюс иконку 512 px для Play Store, организованные по папкам в ZIP.

Как добавить favicon на сайт?

Загрузите файлы в корень сайта, затем вставьте предоставленные теги <link> в <head> каждой страницы (или общий макет). Строка favicon.ico покрывает старые браузеры; строки PNG и apple-touch-icon — современные браузеры и iOS; строка манифеста — Android и устанавливаемые PWA.

Почему новый favicon не отображается?

Браузеры активно кешируют фавиконы. Выполните принудительное обновление, откройте файл напрямую (вашсайт.com/favicon.ico) или попробуйте приватное окно. Вкладки и закладки могут обновляться с задержкой даже после того, как файл опубликован.

Генератор favicon действительно бесплатный?

Да — полностью бесплатно, без водяного знака и без регистрации. Создавайте любое количество наборов favicon и иконок приложений.

Все инструменты для favicon и иконок

Перейдите прямо к нужной задаче по работе с иконками.

Другие инструменты для изображений