Генератор Favicon
С помощью favicon.pub вы за считанные секунды получите все необходимые форматы favicon — PNG, ICO, SVG, Apple Touch-иконки, иконки Android, иконки закреплённых вкладок Safari и файлы манифеста PWA.
Кликните или перетащите изображение сюда
Поддерживаются PNG, JPG, SVG, WEBP
Генерация в один клик
Загрузите изображение и получите favicon всех размеров и форматов: ICO, PNG, SVG и др.
Кроссплатформенная совместимость
Поддержка всех браузеров и устройств: iOS, Android, Windows и др.
Профессиональное качество
Автоматическая оптимизация качества изображения, генерация файлов favicon высокого качества для всех платформ.
Конфиденциальность / Безопасность
- Файлы обрабатываются в браузере
- Загруженные файлы не сохраняются на сервере
- Временные данные удаляются автоматически
Для кого этот сервис
- Разработчики
- Дизайнеры
- Indie‑разработчики
- Основатели SaaS‑проектов
Сценарии использования
- Favicon для сайта
- Иконка PWA
- Веб‑приложения
- Placeholder‑иконка для мобильных приложений
Что такое Favicon?
Favicon (сокращение от favorite icon) — это маленькая иконка, отображаемая на вкладках браузера, в закладках и других элементах интерфейса. Она помогает пользователям быстро узнавать ваш сайт среди множества открытых вкладок и закладок.
Генератор Favicon
С помощью favicon.pub вы за считанные секунды получите все необходимые форматы favicon — PNG, ICO, SVG, Apple Touch-иконки, иконки Android, иконки закреплённых вкладок Safari и файлы манифеста PWA.
Генератор Favicon
- Браузерные фавиконки (16x16, 32x32, 48x48)
- Apple Touch-иконки для iPhone и iPad
- Иконки Android Chrome для PWA
- SVG‑favicon и иконка закреплённой вкладки Safari
- Автоматически сгенерированный файл site.webmanifest
- Favicon и манифест, готовые для PWA
- Генерация иконок для Progressive Web Apps
Как создать favicon онлайн
Пользоваться нашим генератором favicon очень просто:
- Загрузите логотип в формате PNG, JPG или SVG.
- Мгновенно просмотрите все сгенерированные иконки favicon.
- Скачайте архив с favicon и добавьте файлы на свой сайт.
Как добавить favicon на сайт
После генерации файлов favicon добавьте следующий HTML‑код в раздел <head> вашего сайта:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTMLОбъяснение форматов Favicon
Формат ICO (.ico)
Традиционный формат favicon, совместимый со всеми браузерами, включая устаревшие версии Internet Explorer. Обычно содержит несколько размеров (16x16, 32x32, 48x48).
Формат PNG (.png)
Предпочитаемый формат современных браузеров, поддерживает прозрачный фон, маленький размер файла. 16x16 для вкладок, 32x32 для панели задач, 48x48 для десктопных ярлыков.
Иконки Android Chrome
192x192 и 512x512 для устройств Android, отображаемые при добавлении сайта на главный экран PWA.
Иконки Apple Touch
180x180 специально для устройств iOS (iPhone, iPad), используемых при добавлении на главный экран. Apple автоматически добавляет скругление и эффект блеска.
Иконка для закрепленных вкладок Safari
Векторная иконка в формате SVG, используемая для функции закрепления вкладок Safari, поддерживает настраиваемый цвет.
Формат SVG (.svg)
Современный векторный формат, который можно бесконечно масштабировать без потери качества, поддерживает адаптивность темной теме, маленький размер файла.