Генератор Favicon — создайте все размеры фавикона по изображению

Загрузите любое изображение и мгновенно получите полный набор фавиконов: 16, 32, 48, 180 (Apple), 192 и 512 (PWA) плюс site.webmanifest, упакованный в виде ZIP.

Уберите свой логотип, чтобы сгенерировать все размеры фавикона

Включает site.webmanifest + фрагмент HTML

О Favicon Generator

Отображает изображение до шести фавиконов, которые браузеры используют сегодня (пропуская старый .ico путь, который пока нужен немногим сайтам), плюс готовый к публикации веб-приложение. Работает полностью в браузере — без загрузки, без ожидания.

Продолжайте улучшать свои изображения

Выведите редактирование фотографий на новый уровень с помощью этих популярных инструментов

📝

Добавьте текст к изображению

Добавляйте подписи и заголовки к улучшенной фотографии

🖼️

Добавить рамку для фото

Обрамляйте свой эффект красивыми границами

🗜️

Сжать изображение

Оптимизируйте улучшенное изображение для публикации

📐

Изменение размера изображения

Изменение размеров изображения

Изучите все инструменты для работы с фотографиями

Frequently Asked Questions

Для современных браузеров и устройств нужны шесть размеров: 16×16 и 32×32 для вкладок браузера, 48×48 для иконок сайта Windows, 180×180 для значка Apple touch (главный экран iOS) и 192×192 + 512×512 для домашних экранов Android и подсказок установки PWA. Наш генератор создаёт все шесть и site.webmanifest из одного исходного изображения.

usage

Большинство современных браузеров предпочитают PNG-теги ссылок (rel="icon" type="image/png"), поэтому ICO файл больше не требуется. Мы пропускаем устаревший ICO и предоставляем фавиконы PNG с правильным размером для каждой современной цели. Если вам нужно поддерживать Internet Explorer или очень старый Chrome, можно отдельно конвертировать один из PNG в ICO.

technical

Манифест веб-приложения — это JSON-файл, который сообщает Android, Chrome и Edge, как должен выглядеть ваш сайт при установке как прогрессивное веб-приложение — иконка, название, цвет темы и режим отображения. Наш генератор включает стартовый манифест, указывающий на значки Android Chrome; Нужно просто отредактировать имя и theme_color.

features

Квадратный (1:1) PNG с размером 512×512 и больше даёт самый чистый результат при любом размере. Избегайте мелких деталей, которые исчезают на 16×16 — фавиконы лучше всего работают с одной яркой формой и высоким контрастом. Прозрачные PNG работают; Инструмент размещает их в letterbox, чтобы иконка располагалась по центру любого размера.

tips

Да — ваш исходный образ изменяется через API canvas и локально упаковывается как ZIP. Ничего не загружается. Это делает создание иконок для невыпущенных продуктов и брендовых идентичностей до запуска.

privacy

Распакуйте загрузку в папку /public (или web root) вашего сайта, затем добавьте включённый HTML-фрагмент в <head>: теги ссылок на иконки PNG, а также ссылку на site.webmanifest. Жёстко обновите сайт (Cmd+Shift+R) — браузеры агрессивно кэшируют фавиконы, поэтому, возможно, придётся очистить кэш, чтобы появилась новая иконка.

usage

Да — PNG-файлы 192×192 и 512×512 — именно то, что Chrome и Edge хотят, чтобы квалифицировать сайт как устанавливаемый PWA. Вместе с манифестом они проходят проверку установки маяка PWA.

technical

Да. Никаких водяных знаков, регистрации, ограничения на использование — и ZIP навсегда ваш. Мы добавили этот инструмент, потому что каждому разработчику рано или поздно нужен набор фавиконов, а существующие генераторы либо были загружены рекламой, либо заставляли платить за высокоразрешённые выходы.

pricing

Use Cases

Запуск Indie Hacker

Одиночным основателям, выпускающим свой MVP, нужен отполированный фавикон перед релизом. Сгенерируйте каждый размер с одного изображения логотипа и манифеста одним кликом — без Figma, без подписки на дизайн.

development

Организация клиента агентства

При доставке сайта для нового клиента набор favicon редко планируется в бюджете, но всегда ожидается. Сгенерируйте ZIP в конце проекта, введите его в /public и отметьте результат.

agency

Установка PWA

Чтобы пройти проверку установки Chrome, вашему манифесту нужны значки 192×192 и 512×512. Наш вывод сразу соответствует этому требованию, плюс соответствующие HTML-заголовки.

development

Многобрендовые рабочие пространства

Агентства и консультанты, управляющие несколькими клиентскими брендами, могут восстановить набор фавиконов за 10 секунд при выходе обновления бренда — нет необходимости поддерживать действие в Photoshop.

agency

Брендинг проекта с открытым исходным кодом

Сайты GitHub Pages, Vercel, Netlify и Cloudflare Pages все нуждаются в фавиконах, чтобы выглядеть отшлифованно в вкладках браузера. Положите сгенерированные файлы в репозиторий, и ваш проект выглядит готовым.

opensource

Ребрендинг Обновление

Когда ваш логотип меняется, перегенерируйте все необходимые размеры — включая значок Apple touch 180px и 512px для Android PWA — без ручного повторного экспорта из Illustrator.

branding