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

Соберите полный пакет фавиконов в браузере: настоящий многоразрешённый favicon.ico, PNG от 16 до 512 px, site.webmanifest и HTML-фрагмент.

Загрузка инструмента…

Генератор фавиконов — Перетащите одно изображение PNG или JPG и сразу соберите полный пакет фавиконов: настоящий многоразрешённый favicon.ico (16/32/48), квадратные PNG-иконки от 16 до 512 px, файл site.webmanifest и готовый к вставке HTML-фрагмент для head. Выберите квадратную, скруглённую или maskable форму, добавьте заливку фона и отступ, а затем скачайте любой отдельный размер, файл .ico или весь пакет в виде ZIP. Всё выполняется локально в вашем браузере — изображение никогда не загружается на сервер.

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

Favicon Generator — это бесплатный браузерный инструмент для создания фавиконов, который превращает одно изображение PNG или JPG в полный, готовый к публикации пакет фавиконов. Он создан для разработчиков, веб-дизайнеров и владельцев сайтов, которым нужны фавиконы быстро — для HTML, WordPress, PWA или иконок Apple touch, без установки программ и регистрации. Он объединяет настоящий многоразрешённый favicon.ico (16, 32 и 48 px), квадратные PNG-иконки размером 16, 32, 48, 180 (Apple touch) и 192/512 px (Android/PWA), файл site.webmanifest и HTML-фрагмент для head, всё это с высококачественным рендерингом на canvas. Используйте его всякий раз, когда нужно превратить логотип или изображение в каждый файл фавикона, необходимый современному сайту, полностью на собственном устройстве.

Как пользоваться Генератор фавиконов

  1. Перетащите изображение PNG или JPG в зону загрузки или щёлкните по ней, чтобы выбрать файл на устройстве.
  2. Откройте шестерёнку настроек, чтобы выбрать квадратную, скруглённую или maskable форму, включить цвет заливки фона и задать отступ по краям.
  3. Подождите, пока инструмент отрисует каждый размер, соберёт многоразрешённый favicon.ico и создаст site.webmanifest и HTML-фрагмент.
  4. Щёлкните по любой миниатюре, чтобы открыть лайтбокс с увеличением, или скопируйте HTML-фрагмент для <head> и текст манифеста прямо из их панелей.
  5. Используйте кнопку для отдельного размера, чтобы сохранить один PNG, кнопку .ico для набора иконок или «Скачать пакет», чтобы получить всё в ZIP.
  6. Нажмите сброс, чтобы очистить текущее изображение и начать заново с новым.

Примеры

От логотипа к полному пакету фавиконов

Перетащите логотип PNG и получите favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png и site.webmanifest, а также соответствующий фрагмент <head> — всё упаковано в favicon-package.zip.

Maskable-иконка Android

Переключите форму на maskable и включите белый фон: инструмент добавляет отступ безопасной зоны и задаёт purpose иконки в манифесте как "maskable", чтобы Android мог обрезать её в круг или сквиркл, не обрезая ваш логотип.

Скруглённая иконка с отступом

Выберите скруглённую форму и около 12% отступа, чтобы получить мягко обрезанные углы с пространством вокруг рисунка — в стиле современных иконок приложений.

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

favicon.ico — это настоящая многоразрешённая иконка?
Да. Инструмент упаковывает PNG размером 16, 32 и 48 px в единый контейнер favicon.ico, записываемый побайтно в вашем браузере, так что один файл .ico отдаёт все три разрешения вкладкам браузера и закладкам.
Какие файлы в ZIP-пакете?
ZIP содержит favicon.ico, PNG-иконки (16, 32, 48, 180, 192 и 512 px с общепринятыми именами) и site.webmanifest. Вставьте предоставленный HTML-фрагмент для <head>, чтобы подключить их к странице.
Что делают параметры формы и отступа?
Квадратная сохраняет обычную квадратную иконку, скруглённая обрезает углы, а maskable добавляет отступ безопасной зоны и помечает иконки манифеста как maskable для Android. Отступ уменьшает рисунок внутри каждого квадрата, а заливка фона закрашивает пространство за ним.
Какие форматы изображений можно загрузить?
Вы можете перетащить или выбрать одно изображение PNG или JPG. Инструмент считывает это одно исходное изображение и отрисовывает из него каждый выходной размер, favicon.ico и манифест.
Загружается ли моё изображение на сервер?
Нет. Всё выполняется локально в вашем браузере с помощью Canvas API — PNG-иконки, контейнер favicon.ico и ZIP создаются на вашем устройстве, поэтому изображение никогда не загружается.

Похожие инструменты

Конвертер форматов изображений

Конвертируйте изображения между AVIF, WebP, PNG, JPEG, BMP, ICO и однокадровым GIF прямо в браузере.

Excel/CSV в JSON

Преобразуйте таблицу Excel или CSV в JSON или CSV прямо в браузере.

Просмотр EXIF и удаление метаданных

Просматривайте EXIF-метаданные изображения — камеру, объектив, дату съёмки и GPS-местоположение — затем удаляйте каждый тег и скачивайте чистую копию, всё в вашем браузере.

Создание GIF

Объедините изображения PNG или JPEG в анимированный GIF в браузере — тайминг по кадрам, свой размер, прозрачный или цветной фон, дизеринг и бумеранг.