Генератор favicon
Бесплатно и без регистрации: загрузите логотип (PNG, JPG, SVG) или наберите 1–3 буквы либо эмодзи — получите favicon.ico с размерами 16, 32 и 48 px в одном файле, PNG 16/32, apple-touch-icon 180×180 для iPhone, иконки 192 и 512 для Android, site.webmanifest и готовый HTML-код для <head>. Всё сразу — одним ZIP. Картинка рисуется в вашем браузере: файлы никуда не загружаются.
Эмодзи рисуется шрифтом вашей системы: на Windows, macOS и Android он выглядит по-разному. В PNG и ICO сохранится именно то, что вы видите.
Манифест и путь к файлам
Предпросмотр
https://example.com
Скачать файлы по одному
Картинка не покидает ваш браузер: всё рисуется и упаковывается на вашем устройстве.
Положите файлы в корень сайта (или в папку, указанную выше), вставьте код в <head> и проверьте результат: проверка favicon.
Коротко об инструменте
- Цена
- Бесплатно
- Регистрация
- Не нужна
- Где идёт обработка
- В вашем браузере — данные не отправляются на сервер
- Что принимает
- Картинка с вашего устройства (PNG, JPG, SVG, WebP, GIF до 15 МБ), 1–3 буквы или эмодзи
- Лимиты
- Без лимитов
- Результат
- favicon.ico (16, 32, 48 px), PNG 16/32, apple-touch-icon 180, android-chrome 192 и 512, favicon.svg (для букв, эмодзи и SVG), site.webmanifest и HTML-код — одним ZIP
- Обновлено
Альтернативы
Другие инструменты для той же задачи и в чём каждый из них силён:
- RealFaviconGenerator — Позволяет настроить значок отдельно для каждой платформы (iOS, Android, Windows, Google), делает SVG-favicon и проверяет уже установленный набор.
- favicon.io — Быстрый генератор из текста, картинки, SVG или эмодзи; отдаёт ZIP с иконками и site.webmanifest.
Когда выбрать этот инструмент: Когда логотип не должен уходить на чужой сервер, а нужен сразу весь набор — ICO, PNG, манифест, SVG и код — с предпросмотром во вкладке, выдаче и на телефоне, на русском, украинском, польском или английском.
Описания сверены с сайтами этих инструментов в октябре 2026 года.
Как создать favicon для сайта
Favicon — значок сайта во вкладке браузера, закладках, на экране смартфона и рядом с адресом в мобильной выдаче Google. Генератор делает полный набор файлов из логотипа, 1–3 букв или эмодзи: favicon.ico с размерами 16, 32 и 48 px в одном файле, PNG 16×16 и 32×32, apple-touch-icon 180×180 для iPhone (с непрозрачным фоном — iOS заливает прозрачность чёрным), иконки 192 и 512 для Android и site.webmanifest, а для букв и эмодзи ещё и favicon.svg. Мелкие размеры рисуются из крупного в несколько шагов, поэтому не «рвутся». Предпросмотр показывает вкладку в светлой и тёмной теме, выдачу и домашний экран. Всё создаётся в браузере и скачивается одним ZIP.
Как пользоваться
- Выберите источник: буквы, эмодзи или своя картинка
- Настройте цвета, форму и размер знака, сверяясь с предпросмотром
- Скачайте ZIP и распакуйте файлы в корень сайта
- Вставьте код в <head> и проверьте результат проверкой favicon
FAQ
Какой файл где используется
| Файл | Размер | Где виден |
|---|---|---|
| favicon.ico | 16, 32, 48 px | вкладки и закладки всех браузеров; браузеры ищут его в корне сайта даже без тега |
| favicon.svg | векторный | вкладки Chrome, Edge, Firefox — резкий на любом экране |
| favicon-32x32.png, favicon-16x16.png | 32, 16 px | вкладки и закладки, если браузер выбирает PNG |
| apple-touch-icon.png | 180 px | значок на домашнем экране iPhone и iPad |
| android-chrome-192/512.png | 192, 512 px | домашний экран Android, установка сайта как приложения (через site.webmanifest) |
Как установить
- Распакуйте ZIP в корень сайта — туда, где лежит главная страница (или в папку, которую вы указали в настройках).
- Вставьте код из поля «Код для <head>» в шаблон сайта перед закрывающим
</head>. - В WordPress проще: «Внешний вид → Настроить → Свойства сайта → Иконка сайта» — загрузите PNG 512×512 из архива, остальные размеры WordPress сделает сам.
- Проверьте результат проверкой favicon: она покажет, какие файлы находит сервер и браузер.
Каким сделать значок
- Проще, чем логотип. В 16×16 px не читается ни текст, ни мелкие детали — оставьте первую букву, символ или знак без надписи.
- Контраст с вкладкой. Вкладки бывают светлыми и тёмными: сверьтесь с обоими вариантами в предпросмотре. Тёмный знак на прозрачном фоне пропадёт в тёмной теме.
- Поля. Для iPhone и Android оставляйте 10–20% отступа: системы скругляют углы иконки сами.
Честно об ограничениях
- Эмодзи рисуется шрифтом вашей системы — на Windows, macOS и Android он разный, а favicon.svg с эмодзи на каждом устройстве покажется своим эмодзи.
- Значок, меняющий цвет под тёмную тему (SVG с prefers-color-scheme), и «маскируемые» иконки Android (maskable) генератор не делает.
- Устаревшие файлы browserconfig.xml и mstile для плиток Windows 8/10 не создаются — современным браузерам они не нужны.
- Если исходная картинка меньше 512 px, крупные иконки будут размытыми — мы предупредим; лучше загрузить SVG.
Улучшите позиции в поиске
SEO-проблемы могут стоить вам трафика. Каскадный линкбилдинг улучшит видимость сайта в поиске.