Генератор favicon и иконок приложений
Создавайте идеальные favicon, иконки Apple touch, манифесты Android и плитки Windows. Настройте отступы и фоны и мгновенно скачайте весь набор одним ZIP-архивом.
Branding Customization
PWA Manifest Metadata
Files to Generate
Upload a logo to view source metadata.
Возможности генератора favicon и иконок приложений
- Мгновенное изменение размера в браузере: масштабируйте исходное изображение до нескольких стандартных форматов сразу прямо в браузере. Без очередей загрузки и ожидания конвертации.
- Все основные платформы: создаёт стандартные веб-favicon, иконки Apple touch, размеры иконок манифеста Android и конфигурации плиток Microsoft за одну операцию.
- Скачивание ZIP в один клик: собирает все масштабированные изображения, файлы site.webmanifest и browserconfig.xml в один ZIP-архив для скачивания.
- Приватность на 100 % на стороне клиента: все операции с пикселями, отрисовка на canvas и компиляция бинарных файлов выполняются локально. Ваши брендовые материалы никогда не отправляются на сервер.
Зачем нужен набор favicon и иконок приложений
Современная веб-разработка требует больше, чем одна иконка 16x16. Браузеры, мобильные устройства и операционные системы ищут собственные иконки в определённых размерах, чтобы показывать их во вкладках, на панели закладок, на мобильных главных экранах и в диспетчерах задач. Полный набор иконок обеспечивает профессиональный брендированный вид вашего сайта на всех платформах, включая iOS, Android и Windows.
Стандарт site.webmanifest
Устройства Android и браузеры Chrome используют манифест веб-приложения (`site.webmanifest`), чтобы определить поведение сайта при добавлении на главный экран пользователя. Манифест перечисляет пути к иконкам приложения в стандартных разрешениях (192x192 и 512x512) и детали конфигурации (например, имя и цвета темы), обеспечивая поведение прогрессивного веб-приложения (PWA).
Плитки Windows и browserconfig.xml: системы Microsoft Windows и браузеры Edge/IE используют живые плитки для отображения сайтов, закреплённых в меню «Пуск». Система читает `browserconfig.xml`, чтобы найти расположение изображений плиток (например, 150x150 пикселей) и цвета фона темы. Эта конфигурация обеспечивает аккуратную нативную интеграцию с платформами Windows.
Спецификации иконки Apple touch
Устройства Apple iOS используют специальную иконку PNG высокого разрешения (180x180 пикселей) для отображения сайтов, сохранённых на главном экране мобильного устройства. iOS применяет стандартную системную маску, чтобы обрезать иконку со скруглёнными углами. Рекомендуется загружать квадратное непрозрачное изображение или настроить собственный сплошной цвет фона, чтобы избежать визуальных разрывов в макете.
Форматы файлов ICO и упаковка
Формат `.ico` — это унаследованный контейнер Microsoft, хранящий несколько изображений иконок в разных разрешениях в одном бинарном файле. Стандартные браузеры используют файлы `.ico` для поддержки старых дисплеев (16x16, 32x32). Этот инструмент собирает ваши масштабированные кадры PNG в один соответствующий спецификации файл ICO прямо в браузере, не отправляя данные на удалённый сервер.
Руководство по подключению в HTML-<head>: после скачивания и распаковки ZIP-архива с иконками поместите все файлы в корневой каталог сайта. Затем добавьте сгенерированные HTML-теги <link> прямо в шаблон <head> вашего сайта. Это сообщит поисковым роботам и браузерам, где искать каждую иконку, что улучшит SEO и внешний вид сайта.
Часто задаваемые вопросы
Пакет содержит стандартный favicon 16x16 и 32x32, многоразмерный favicon.ico, иконку Apple touch 180x180, иконки манифеста Android 192x192 и 512x512 и изображение плитки Windows 150x150. Это покрывает все современные потребности браузеров, мобильных устройств и систем.
Файл webmanifest — это конфигурация JSON, требуемая Google Chrome и устройствами Android. Он определяет параметры отображения вашего веб-приложения, имя, цвета темы и иконки при закреплении на главном экране, обеспечивая опыт, близкий к нативному приложению, для PWA.
Скопируйте HTML-код, который выдаёт генератор, и вставьте его внутрь тега <head> вашей главной страницы. Убедитесь, что атрибуты href соответствуют пути к каталогу, куда вы загрузили распакованные файлы ZIP на сервере.
Хотя современные браузеры поддерживают PNG-favicon, классический favicon.ico в корневой папке рекомендуется. Он служит надёжным запасным вариантом для старых браузеров и поисковых роботов, которые по умолчанию ищут иконку по пути /favicon.ico.
Устройства Apple iOS применяют к иконкам на главном экране маску со скруглёнными углами. Если у изображения прозрачный фон, система заполняет прозрачность чёрным, что выглядит плохо. Сплошная заливка фона обеспечивает профессиональный вид.
Да. Инструмент полностью поддерживает прозрачные PNG и векторные SVG. Можно сохранить прозрачный фон или выбрать собственный сплошной цвет за логотипом — это идеально для форматов iOS Safari и Android Chrome.
Нет. Генератор favicon и иконок приложений работает на 100 % локально в браузере. Всё изменение размера, отрисовка на canvas и компиляция ZIP выполняются на вашем устройстве. Мы не передаём и не храним ваши файлы — абсолютная конфиденциальность и офлайн-безопасность.