Превратите логотип, несколько букв или эмодзи в полный набор фавиконок — favicon.ico, PNG разных размеров, Apple touch icon, значки для Android и HTML-теги — прямо в вашем браузере.
Генератор фавиконок
Превратите логотип, несколько букв или эмодзи в полный набор фавиконок — favicon.ico, PNG разных размеров, Apple touch icon, значки для Android и HTML-теги — прямо в вашем браузере.
Логотип или текст рисуется на холсте в этой вкладке и упаковывается в ZIP на вашем устройстве. Неопубликованный фирменный стиль остаётся приватным, потому что ничего не загружается.
Генератор фавиконок собирает весь набор значков сайта из одного исходника. Начните с изображения, например логотипа, введите от одного до трёх символов или выберите эмодзи. Каждый значок рисуется в собственном размере в пикселях, а не уменьшается из одного большого файла: 16, 32 и 48 px попадают в один favicon.ico в виде PNG-изображений — рядом с отдельными PNG 16 и 32 px, значком Apple touch icon (для экрана «Домой» на iOS) на 180 px и значками на 192 и 512 px, которые использует Android. К ним прилагаются веб-манифест и блок тегов link, а из текста или эмодзи получается ещё и настоящий SVG-фавикон. До скачивания предпросмотр показывает каждый размер попиксельно и внутри светлых и тёмных вкладок браузера. Всё отрисовывается на вашем устройстве, и изображение никогда не загружается.
Возможности
Источник — изображение, текст или эмодзи; до скачивания доступен живой предпросмотр
favicon.ico с изображениями 16, 32 и 48 px, а также отдельные PNG 16 и 32 px
Apple touch icon 180 px — с заливкой и квадратный, чтобы iOS скруглила его сама
Значки Android 192 и 512 px и соответствующий им site.webmanifest
Настоящий favicon.svg для текста и эмодзи, чёткий при любом размере
Настройки вписывания, отступов, радиуса углов и фона для изображений
Попиксельно точный предпросмотр от 16 до 180 px и макеты вкладок браузера — светлые и тёмные
Один ZIP со всеми файлами и теги link, готовые для вставки в раздел head
Как использовать Генератор фавиконок
Выберите «Image», «Text» или «Emoji», затем перетащите логотип, введите до трёх символов или выберите эмодзи
Настройте вписывание, отступы, цвета и форму углов — предпросмотр и вкладки браузера обновляются на ходу
Укажите название приложения, цвет темы и папку, из которой будут отдаваться значки
Скачайте ZIP, загрузите файлы на сайт и вставьте теги link в раздел head
Пример
Ввод
Source: emoji 🚀 on a rounded tile · theme colour #4f46e5 · icons in the site root
Теги для текстового или эмодзи-источника; для изображения строка с SVG не создаётся.
Частые ошибки и устранение неполадок
После загрузки новых файлов по-прежнему виден старый фавикон. — Браузеры хранят фавиконки очень долго. Откройте адрес значка напрямую, обновите его по Ctrl+Shift+R (⌘⇧R на Mac), затем обновите страницу. В приватном окне текущий значок виден сразу.
Значок во вкладке браузера выглядит размытым или мутным. — Начинайте с квадратной картинки не меньше 512 px и делайте рисунок простым: мелкие детали на 16 px пропадают. Широкий логотип часто лучше смотрится с большими отступами или с режимом «Cover».
У Apple touch icon чёрные углы или чёрный фон. — iOS закрашивает прозрачные пиксели чёрным. Значок 180 px заливается цветом фона вашего значка, а если значок прозрачный — цветом фона манифеста; углы остаются прямыми, чтобы iOS скруглила их сама.
В списке файлов нет favicon.svg. — Настоящий SVG существует только для источников «Text» и «Emoji», где символ остаётся живым текстом. Фото или логотип в SVG были бы лишь растровой картинкой в SVG-обёртке, поэтому их заменяют файлы PNG и ICO.
Часто задаваемые вопросы
Какие размеры фавиконок нужны в 2026 году?
Почти для любого браузера и телефона хватает favicon.ico с изображениями 16, 32 и 48 px, apple-touch-icon 180 px и значков 192 и 512 px для манифеста. Отдельные PNG 16 и 32 px и SVG — полезное дополнение, а генератор создаёт всё это сразу.
Чем отличаются фавиконки в форматах ICO, PNG и SVG?
ICO — исходный контейнер, который по-прежнему автоматически запрашивается из корня сайта, поэтому он выручает в старых браузерах и закладках. PNG — безопасный выбор для вкладок и значков на телефонах. SVG — один векторный файл, остающийся чётким при любом размере, но поддерживают его не все браузеры, поэтому в набор входят все три формата.
Куда класть файлы фавикона и теги link?
Загрузите файлы в папку, из которой отдаётся ваш сайт, — обычно это корень рядом с главной страницей. Затем вставьте созданные теги внутрь элемента head каждой страницы. Если значки лежат в подпапке, сначала укажите эту папку в инструменте, чтобы пути в тегах и манифесте были верными.
Почему фавикон не меняется после замены файлов?
Браузеры кешируют фавиконки отдельно от страницы и могут хранить старый несколько дней. Обновите адрес самого значка по Ctrl+Shift+R, очистите кешированные изображения сайта или проверьте в приватном окне. Переименование файлов с обновлением тегов тоже заставляет браузер скачать значок заново.
Можно ли использовать эмодзи как фавикон?
Да. Откройте вкладку «Emoji», введите или вставьте один эмодзи и выберите размер и при желании фон. Файлы PNG и ICO рисуются шрифтом эмодзи вашего устройства, поэтому везде выглядят одинаково. SVG использует живой текст, поэтому система каждого посетителя рисует собственную версию эмодзи.
Зачем нужны значки Android и манифест?
PNG 192 и 512 px перечислены в site.webmanifest. Android использует их для ярлыка на домашнем экране и заставки при запуске, и они нужны устанавливаемым веб-приложениям. В манифесте также хранятся название приложения, короткое название и цвета, которые можно задать в инструменте.
Связанные инструменты
Генератор иконок приложений — Превратите одно изображение в иконку любого размера для iOS, macOS и Android — в ZIP, в вашем браузере.
SVG в PNG — Превратите SVG в чёткий PNG или JPG любого масштаба в браузере.