Генератор фавиконов — создайте фавиконку из изображения бесплатно
Создавайте значки PNG размером 16–512 пикселей, значок Apple Touch и site.webmanifest из одного изображения.
Перетащите квадратное изображение — получите все размеры favicon и site.webmanifest в ZIP.
Включает favicon.ico, site.webmanifest + HTML-фрагмент
Что можно сделать с помощью Генератор фавиконов
Прежде чем начать, ознакомьтесь с основными возможностями.
- Начните с изображения, инициалов, эмодзи или символа
- Просмотрите цвета монограммы и стиль текста перед генерацией
- Создавайте иконки Apple touch и для главного экрана Android
- Получите готовый к использованию файл site.webmanifest
- Скачайте все размеры favicon одним ZIP-архивом
- Создайте favicon.ico и размеры PNG от 16 до 512 пикселей
Справочник по настройкам
7 настроек
Доступные элементы управления для Генератор фавиконов.
- Режим обработкиПресеты
- Обработайте один входной материал или перейдите в пакетный режим Premium, чтобы применить общие настройки к нескольким материалам. Доступные типы входных данных зависят от инструмента.Параметры: Одно изображениеПакет
Тип исходника
- С чего должен начинаться фавикон?Пресеты
- Выбирает в качестве источника для одного и того же полного набора фавиконов загруженное изображение, созданный локально буквенный знак из одного–трёх символов или эмодзи или символ.Параметры: Используйте изображение или логотипСоздать из инициаловСоздать из эмодзи
Дизайн
- Инициалы или короткий текстТекстовое поле
- Задаёт от одного до трёх символов для режима инициалов и обновляет локальный предпросмотр исходника перед генерацией.
- Стиль текстаВыпадающий список
- Выбирает семейство шрифтов буквенного знака в режиме инициалов.Параметры: Без засечекС засечкамиМоноширинный
- Цвет текстаПипетка цвета
- Выбирает цвет инициалов; отображается только для источника в виде буквенного знака.
- Цвет фонаПипетка цвета
- Задаёт сплошной фон за инициалами или эмодзи перед генерацией размеров фавикона.
- Эмодзи или символТекстовое поле
- В режиме эмодзи принимает до четырёх символов Unicode; внешний вид зависит от браузера и операционной системы, в которых отображается исходник.
Сопутствующие инструменты для Генератор фавиконов
Инструменты для общих следующих шагов после Генератор фавиконов.
Конвертация изображения
Конвертер ICO
Преобразуйте любое обычное входное изображение в файл .ico с различным разрешением от 16 до 256 пикселей для поддерживаемого использования в браузере и на настольном компьютере.
Попробовать сейчас
Конвертация изображения
SVG в PNG
Растеризуйте файлы SVG в формат PNG в масштабе 1×–8× с прозрачным, белым или пользовательским фоном.
Попробовать сейчас
Конвертация изображения
PNG в WebP
Конвертируйте изображения PNG в WebP с поддерживаемой прозрачностью и настраиваемыми настройками качества.
Попробовать сейчасЧасто задаваемые вопросы
Для широкого охвата браузеров и устройств обычно нужны значки браузера 16×16 и 32×32, значок Windows 48×48, значок Apple touch 180×180, а также значки Android/PWA 192×192 и 512×512. Генератор создаёт их, а также favicon.ico и site.webmanifest из изображения, инициалов, эмодзи или символа.
usageСовременные браузеры поддерживают иконки PNG, но favicon.ico остаётся полезным запасным вариантом совместимости. Скачанный набор включает favicon.ico с несколькими разрешениями, а также современные размеры PNG, поэтому вторая конвертация вам не понадобится.
technicalМанифест веб-приложения — это файл JSON, который сообщает Android, Chrome и Edge, как ваш сайт должен выглядеть при установке в виде прогрессивного веб-приложения: значок, название, цвет темы и режим отображения. Наш генератор включает стартовый манифест, ссылающийся на значки Android Chrome; вам нужно лишь изменить название и theme_color.
featuresИспользуйте квадратное изображение 512×512 или больше, от одного до трёх жирных инициалов с сильным контрастом либо один простой эмодзи или символ. Избегайте мелких деталей, которые исчезают при 16×16. Живой предпросмотр исходника помогает оценить буквенный знак или эмодзи перед генерацией набора.
tipsЗагруженные логотипы отправляются по HTTPS, когда вы нажимаете «Сгенерировать». Исходники из инициалов и эмодзи сначала рендерятся локально в вашем браузере, затем это сгенерированное исходное изображение отправляется для создания набора. Файлы, обработанные на сервере, подчиняются Политике безопасности; ничто не загружается лишь от редактирования локального предпросмотра.
privacyРаспакуйте скачанный архив в папку /public (или корень сайта), затем добавьте прилагаемый HTML-фрагмент в ваш <head>: link-теги для PNG-иконок плюс ссылку на site.webmanifest. Выполните жёсткое обновление сайта (Cmd+Shift+R) — браузеры агрессивно кешируют фавиконы, поэтому для появления новой иконки может потребоваться очистить кеш.
usageНабор предоставляет значки 192×192 и 512×512, а также стартовый манифест, используемый устанавливаемыми веб-приложениями. Одни только значки не делают сайт устанавливаемым; ваше приложение также должно соответствовать текущим требованиям браузера к манифесту, HTTPS и service-worker.
technicalДа. Просмотрите и загрузите чистый ZIP-файл с значком без создания учетной записи. Набор значков отображается на наших серверах, поэтому допускается бесплатное использование, а Premium снимает ограничение.
pricingФавикон — это маленький значок, который отображается во вкладках браузера, в закладках и истории; связанные размеры значков используются для ярлыков на домашнем экране и установленных приложений. Начните здесь с изображения логотипа, инициалов, эмодзи или символа и скачайте набор значков вместе с файлом site.webmanifest в одном ZIP-архиве.
usageДа. Выберите «Создать из инициалов», чтобы ввести от одного до трёх символов, стиль текста и цвета переднего плана/фона, либо выберите «Создать из эмодзи» для символа и фона. Соответствующая панель дизайна открывается автоматически, источник предварительно показывается локально, и ничего не создаётся, пока вы не выберете действие создания favicon.
featuresДа — загрузчик принимает исходные файлы PNG, JPEG, WebP и SVG, а не только PNG. SVG стоит использовать, если он у вас есть: поскольку это вектор, каждый выходной размер от 16 до 512 рендерится заново из векторных данных, а не масштабируется вверх из растра, поэтому края остаются чёткими даже при 512×512. JPEG и WebP тоже работают нормально, хотя любую прозрачность сначала следует свести на фон, поскольку JPEG не может хранить альфа-канал.
technicalВыберите «Использовать изображение или логотип», загрузите PNG и создайте набор. Он включает многоразмерный favicon.ico, размеры PNG, иконки Apple и Android, site.webmanifest и HTML-фрагмент в одном ZIP-архиве. Вы также можете начать с JPEG, WebP или SVG либо переключить режим, чтобы оформить буквенный знак из инициалов или использовать эмодзи или символ.
usageДа — Pixoate поддерживает пакетную и массовую обработку. Переключитесь в пакетный режим, добавьте до 60 исходных изображений в Premium или до 200 в Pro, задайте параметры один раз, и каждое исходное изображение будет обработано с одинаковыми настройками, прежде чем вы загрузите один ZIP-архив, содержащий полный архив favicon-pack для каждого исходного изображения. Массовая обработка — это функция Premium; на выходе используется то же качество и настройки, что и в одиночном режиме.
featuresДа — при массовой обработке вы настраиваете параметры один раз, и они применяются к каждому элементу в пакете — до 60 исходных изображений в версии Premium или 200 в версии Pro. Нет необходимости повторять настройку для каждого элемента, а временные загруженные и созданные файлы безопасно обрабатываются и автоматически удаляются.
usageПочти всегда причина одна из трёх. Файл превышает бесплатный лимит загрузки 11 МБ: Premium принимает до 50 МБ, а Pro — до 120 МБ. Либо инструмент не поддерживает этот формат — проверьте список на панели загрузки. Либо фактический формат не соответствует расширению: переименование не меняет содержимое, поэтому даже внешне корректный файл может быть отклонён.
troubleshootingДа — отрегулируйте входные данные и сгенерируйте снова столько раз, сколько вам нужно; ничего не заблокировано, пока вы не загрузите. Проверьте результат в том размере, в котором он будет фактически использоваться, потому что то, что четко читается на экране, может потерпеть неудачу, если его распечатать в маленьком размере или отобразить на телефоне.
troubleshootingНет. Вы можете запустить Favicon Generator и загрузить бесплатный результат без учетной записи, и он не имеет водяных знаков. Премиум — это то, что вы покупаете, когда ограничения начинают кусаться: до 60 файлов в одном пакете, большие загрузки, отсутствие дневного ограничения и результат с исходным разрешением. На этапе загрузки не отображается ничего, что не было бы видно до начала.
pricingНет — Favicon Generator работает в браузере на настольном компьютере и телефоне. Ничего устанавливать не нужно, пробную версию запускать не требуется, и лицензию покупать не нужно, чтобы увидеть, делает ли он то, что вам нужно. Попробуйте его на файле, с которым вы действительно застряли, а не на образце.
troubleshootingКак Генератор фавиконов помогает вам справиться с задачей
Реальные проблемы, которые он решает каждый день — для бизнеса, авторов и повседневных задач. Найдите вариант использования, который подходит вам, и начните.
Запуски инди-разработчиков
Основателям-одиночкам, выпускающим свой MVP, перед запуском нужен аккуратный favicon. Сгенерируйте все размеры из единственного изображения логотипа вместе с манифестом в один клик — без Figma и без подписки на дизайн-сервисы.
Настройка клиента для агентства
При сдаче нового сайта клиенту набор фавиконов редко закладывают в бюджет, но всегда ожидают. Сгенерируйте ZIP в конце проекта, поместите его в /public и отметьте задачу как выполненную.
Возможность установки PWA
Чтобы пройти проверку устанавливаемости в Chrome, вашему манифесту нужны иконки 192×192 и 512×512. Наш результат соответствует этому требованию из коробки, а также включает соответствующие теги в HTML-секции head.
Рабочие пространства для нескольких брендов
Агентства и консультанты, работающие с несколькими клиентскими брендами, могут заново сгенерировать набор favicon за 10 секунд при каждом ребрендинге — без необходимости поддерживать экшен в Photoshop.
Брендинг проектов с открытым исходным кодом
Сайтам на GitHub Pages, Vercel, Netlify и Cloudflare Pages нужны favicon, чтобы выглядеть аккуратно во вкладках браузера. Добавьте сгенерированные файлы в репозиторий — и ваш проект выглядит завершённым.
Обновление бренда
При смене логотипа заново сгенерируйте все нужные размеры — включая иконку Apple touch 180px и иконку Android PWA 512px — без ручного повторного экспорта из Illustrator.
Иконки для манифеста расширения браузера
Возьмите PNG размером 16, 32 и 48px прямо из ZIP для объекта icons в вашем manifest.json — быстрый способ получить корректные иконки расширения без ручного экспорта каждого размера в графическом редакторе.
Заполнение пробела с фавиконом на no-code сайтах
Webflow, Framer и Wix редко создают полный набор фавиконок самостоятельно; загрузите свой логотип здесь и за считанные минуты вставьте полученные размеры и HTML-фрагмент в панель пользовательского кода или настроек SEO вашего сайта.
Придайте блогу о хобби завершённый вид
Личные блоги на Ghost, Jekyll или Hugo часто выпускаются вообще без favicon; создайте полный набор из портрета или нарисованного от руки логотипа, чтобы вкладка браузера выглядела продуманно, а не пусто.
Исправление фавикона, отмеченного в SEO-аудите
Отсутствующий или сломанный favicon — частое замечание в отчётах Lighthouse и SEO-краулеров, и он незаметно снижает кликабельность в результатах поиска и закладках. Пересоздайте полный комплект за одну загрузку и закройте это замечание уже сегодня.
Наблюдайте за каждой трансформацией
Каждая фотография проходит через разделитель без изменений и выходит готовой.
