Генератор favicon
Создайте ICO, PNG, Apple touch и PWA-иконки с manifest и HTML.
Можно перетащить файл сюда
PNGJPGWebP
Вход: PNG, JPEG или WebP до 20 МБ каждый, до 8192 px по стороне и 24 мегапикселей.
Как пользоваться
- Откройте PNG, JPEG или WebP; для проверки можно загрузить встроенный пример.
- Выберите вписывание или обрезку, фон полей, название сайта и цвет темы.
- Создайте результат, проверьте размеры и скачайте файл или ZIP.
Пример
Иконки для сайта мастерской
Квадратный логотип PNG 800 × 800; название Мастерская; цвет темы #193f39.
Вписать целиком, прозрачный фон, создать набор favicon.
ZIP с ICO 16/32/48, шестью PNG, manifest с названием Мастерская и icons.html со ссылками на все варианты.
Форматы и ограничения
Создайте комплект иконок сайта из одного изображения: настоящий ICO с несколькими размерами, PNG для вкладки, Apple touch icon и PWA-иконки. Архив также содержит web manifest и HTML-ссылки для подключения файлов.
- На входе
- PNG, JPEG, WebP
- Результат
- ZIP, ICO, PNG, Web manifest, HTML
ZIP с favicon.ico, PNG 16/32/48, Apple touch 180, PWA 192/512, site.webmanifest и icons.html.
- Вход: PNG, JPEG или WebP до 20 МБ каждый, до 8192 px по стороне и 24 мегапикселей.
- Для пакетной обработки: до 15 файлов, до 80 МБ и 60 мегапикселей суммарно.
- Выходное изображение: до 8192 px по стороне и 24 мегапикселей; для пакета до 60 мегапикселей и 80 МБ суммарно.
ICO содержит три PNG-изображения с корректными размерами, смещениями и длинами. HTML использует относительные пути: разместите файлы рядом либо исправьте пути. Manifest и иконки сами по себе не создают полноценную устанавливаемую PWA.
Изображения обрабатываются в памяти браузера. Файлы не отправляются серверу и не сохраняются сервисом; после обновления страницы редактор сбрасывается.
Изображения обрабатываются в памяти браузера. Файлы не отправляются серверу и не сохраняются сервисом; после обновления страницы редактор сбрасывается. Вход: PNG, JPEG или WebP до 20 МБ каждый, до 8192 px по стороне и 24 мегапикселей.
Вопросы об инструменте
Чем favicon.ico отличается от переименованного PNG?
Здесь создаётся контейнер ICO с заголовком и тремя записями размеров 16, 32 и 48 пикселей. Каждая запись указывает на свой PNG внутри ICO; это не просто изменение расширения.
Какие размеры PNG входят в набор иконок сайта?
В архив входят PNG 16 × 16, 32 × 32 и 48 × 48 для favicon, 180 × 180 для Apple touch, а также 192 × 192 и 512 × 512 для web manifest.
Как подключить сгенерированные иконки на сайте?
Разместите файлы архива рядом с документом и скопируйте ссылки из icons.html в head страницы. Если храните иконки в отдельной папке, исправьте относительные пути в HTML и manifest.
Создаёт ли набор иконок полноценную PWA?
Нет. Набор даёт иконки и базовый web manifest. Поведение приложения, HTTPS, маршруты и другие условия установки или офлайн-работы настраиваются в самом сайте.
Будет ли логотип обрезан при создании favicon?
По умолчанию логотип вписывается целиком с полями. Если выбрать заполнение с обрезкой, квадрат берётся из центра изображения и края могут исчезнуть.
Подходят ли иконки из архива для режима maskable?
Manifest помечает иконки как any. Режим maskable не заявляется: для него нужно отдельно подготовить безопасные поля и проверить, как изображение обрезается системой.