Бесплатно · без регистрации · без загрузки на сервер

Конвертер PNG в ICO и генератор favicon

Создайте favicon.ico для сайта или иконку для Windows из PNG, JPG, SVG или WEBP. В один файл ICO можно положить сразу несколько размеров.

Что такое ICO и favicon

ICO — формат иконок Windows. Его особенность в том, что внутри одного файла лежит несколько картинок разного размера, и система сама берёт подходящую. Favicon — значок сайта во вкладке браузера, закладках и в поисковой выдаче. Традиционно это файл favicon.ico в корне сайта.

Какие размеры выбрать

РазмерГде используется
16×16Вкладка браузера, закладки
32×32Вкладки на экранах высокой чёткости, панель задач
48×48Ярлык сайта на рабочем столе Windows
256×256Крупные значки в Windows (для иконок программ)

Для favicon достаточно 16, 32 и 48 px, они уже отмечены. Лучше брать квадратную исходную картинку: неквадратная будет вписана по центру с прозрачными полями.

Как подключить favicon

Положите favicon.ico в корень сайта и добавьте в <head> строку:

<link rel="icon" href="/favicon.ico" sizes="any">

Яндекс и Google показывают favicon рядом с сайтом в результатах поиска. Как страница будет выглядеть в выдаче целиком, с заголовком и описанием, можно заранее посмотреть в предпросмотре сниппета SERP Preview. Для чёткого значка на экранах высокой чёткости дополнительно сделайте PNG размером 120×120 или больше: в блоке «Размер» выберите «Вписать в рамку».

Как подготовить картинку для favicon

В размере 16×16 пикселей видно очень немного, поэтому favicon — это не уменьшенный логотип, а его самая узнаваемая часть.

  • Берите простую форму: букву, знак или символ из логотипа, без мелких деталей.
  • Не используйте текст длиннее одной-двух букв: он превратится в пятно.
  • Одного-двух контрастных цветов достаточно.
  • Проверьте, что значок виден и на светлой, и на тёмной теме вкладок: помогает подложка или обводка.
  • Исходник делайте квадратным, от 256×256 px или в SVG.

После конвертации нажмите на миниатюру: в окне сравнения видно, как иконка выглядит в уменьшенном виде.

Вопросы и ответы

Сохранится ли прозрачность в иконке ICO?

Да. Каждый размер внутри ICO хранится как PNG с прозрачным фоном.

Можно ли сделать favicon из SVG?

Да. SVG рисуется заново под каждый размер, поэтому иконка получается чёткой.

Почему favicon не обновился?

Браузеры надолго кешируют значки. Откройте сайт в режиме инкогнито или добавьте к адресу иконки параметр, например /favicon.ico?v=2.

Нужен ли ICO, если есть PNG?

Современные браузеры понимают и PNG, и SVG, но favicon.ico в корне сайта по-прежнему запрашивают многие программы и сервисы. Лучше иметь оба варианта.

Другие конвертеры