Генератор фавиконок (favicon)

Превратите логотип или любую квадратную картинку в полный набор фавиконок: многоразмерный favicon.ico, PNG-иконки для браузеров и телефонов, web manifest и HTML-код для вставки на сайт. Всё создаётся в вашем браузере, поэтому ваше изображение никуда не загружается.

Перетащите сюда изображение или нажмите, чтобы выбрать файл

Лучше всего подходит квадратный PNG с прозрачностью. Файлы остаются на вашем устройстве.

Предпросмотр

HTML для секции head вашей страницы

Каждый размер иконки отрисовывается, favicon.ico собирается, а ZIP упаковывается полностью в вашем браузере. Исходное изображение никогда не отправляется на сервер.

Всё, что нужно, чтобы добавить фавикон

Фавикон - это маленькая иконка во вкладках браузера, в закладках и на главном экране телефона. Чтобы всё было правильно, нужно несколько размеров и пара форматов, а делать это вручную хлопотно. Этот генератор фавиконок берёт одну картинку и создаёт весь набор: классический favicon.ico с версиями 16, 32 и 48 пикселей, отдельные PNG для современных браузеров и устройств Apple и Android, web manifest и готовые строки HTML для секции head.

Он создан для веб-разработчиков, блогеров и владельцев магазинов, которым нужен чёткий и правильный фавикон во всех браузерах и на всех устройствах без возни с графическим редактором.

Как создать фавикон

  1. Добавьте изображение. Квадратный логотип или иконка с прозрачным фоном дают самый чистый результат.
  2. Проверьте предпросмотр. Посмотрите, как иконка выглядит в каждом размере, от крошечных 16 пикселей во вкладке до 512 пикселей.
  3. Скачайте. Возьмите только favicon.ico или полный ZIP со всеми файлами.
  4. Вставьте HTML. Скопируйте готовый код в секцию head сайта и загрузите файлы в корень сайта.

Настоящий многоразмерный ICO

Файл favicon.ico - полноценная иконка, в которой собраны изображения 16, 32 и 48 пикселей, поэтому браузер выбирает самую чёткую версию для вкладок, закладок и адресной строки.

Иконки для сайта и телефонов

В набор входят PNG-иконки для современных браузеров, apple touch icon 180 пикселей для iPhone и иконки 192 и 512 пикселей для Android и прогрессивных веб-приложений.

Готовый HTML-код

Вы также получаете файл manifest и короткий блок HTML для секции head, так что подключить фавикон к сайту можно простой вставкой кода и загрузкой файлов.

Почему стоит выбрать этот генератор

  • Полный набор: ICO, PNG-иконки, manifest и HTML за один раз.
  • Настоящий многоразмерный ICO: 16, 32 и 48 пикселей в одном favicon.ico.
  • Без загрузки: логотип обрабатывается в браузере и остаётся приватным.
  • Без водяного знака: в иконках только ваше изображение, ничего лишнего.
  • Бесплатно и мгновенно: без аккаунта и без ожидания сервера.

Популярные размеры фавиконок и где они нужны

Быстрее всего сделать фавикон так: добавьте квадратный PNG или JPG с логотипом, и инструмент сам отрисует все размеры. Созданный favicon.ico содержит версии 16 на 16, 32 на 32 и 48 на 48 в одном файле, а это именно то, что браузеры используют для вкладок, закладок и адресной строки. Иконка 16 на 16 - это крошечный значок во вкладке браузера, а 32 на 32 используется на чётких экранах и для закреплённых ярлыков. Если у вас сайт на WordPress, Shopify или на простом HTML, загрузите этот favicon.ico в корень сайта, а соответствующие теги link вставьте в секцию head.

Для телефонов и приложений вы также получаете apple touch icon 180 на 180, этот размер iPhone и iPad используют, когда сайт добавляют на главный экран, а также PNG 192 на 192 и 512 на 512 для Android и прогрессивных веб-приложений вместе с web manifest. Изображение масштабируется и выравнивается по центру, поэтому из широкого логотипа, иконки приложения или одной буквы получается аккуратный набор иконок. Простой символ на прозрачном фоне лучше всего читается, когда уменьшается до 16 на 16.

Частые вопросы

Добавьте квадратное изображение, проверьте предпросмотр в каждом размере, затем скачайте favicon.ico или полный ZIP и вставьте готовый HTML в секцию head страницы.

favicon.ico с размерами 16, 32 и 48 пикселей, а также PNG-иконки 16, 32, 180 для устройств Apple и 192 и 512 для Android и веб-приложений.

Да. Файл ICO собирается в вашем браузере и содержит изображения 16, 32 и 48 пикселей вместе, поэтому браузер может выбрать самое чёткое.

Нет. Все размеры отрисовываются, а файлы упаковываются полностью в вашем браузере. Исходное изображение никогда не отправляется на сервер.

Лучше всего квадратное изображение, в идеале простой логотип или символ на прозрачном фоне, чтобы он хорошо читался даже в 16 пикселях.

Загрузите файлы иконок в корень сайта, затем вставьте HTML-код в секцию head ваших страниц.

Нет. В иконках только ваше изображение. Ничего от MyIMGs не добавляется.

Да, инструмент полностью бесплатный и не требует аккаунта.

Перетащите квадратный PNG или JPG, проверьте предпросмотр, затем скачайте favicon.ico или полный ZIP. Изображение масштабируется и выравнивается по центру, поэтому лучше всего подходит логотип или символ на прозрачном фоне.

favicon.ico должен содержать размеры 16 на 16, 32 на 32 и 48 на 48, и этот инструмент собирает их за вас. Для телефонов также нужен apple touch icon 180 на 180, а для Android и веб-приложений PNG 192 на 192 и 512 на 512.

Скачайте набор, загрузите favicon.ico и PNG-файлы в корень сайта, затем вставьте готовые теги link в секцию head. На WordPress, Shopify или простом HTML браузеры берут иконку для вкладки именно из favicon.ico в корне сайта.

favicon.ico - это один файл, в котором хранится сразу несколько размеров, здесь 16 на 16, 32 на 32 и 48 на 48, чтобы и старые, и новые браузеры могли выбрать самый чёткий. Отдельные PNG-иконки используют современные браузеры и телефоны: для apple touch icon и иконок Android.

Похожие инструменты