Конвертировать PNG в ICO
Соберите файл .ico — формат фавикона — сразу с несколькими размерами из PNG, JPG, WebP или логотипа. Ничего не загружается на сервер.
Ваш файл
Почему этот инструмент
- Без ограничения размера
- Ничего не загружается
- Без регистрации
ICO — это не одно изображение, а контейнер, в котором лежит одна и та же картинка в нескольких размерах, а программа, которая её показывает, выбирает подходящий. Браузер берёт 16 пикселей для вкладки, Windows — 32 для ярлыка и 48 для списка файлов.
Поэтому фавикон из одного уменьшенного PNG выглядит хуже, чем мог бы: системе приходится на лету сжимать большую картинку. Если положить нужные размеры внутрь .ico, это решение принято заранее.
Нужны ещё PNG-иконки, размеры для Apple и Android? Используйте генератор фавиконок — он соберёт полный набор иконок для сайта.
Как конвертировать PNG в ICO
Добавьте изображение
Логотип, иконку или любую картинку. Подходят JPG, PNG, WEBP и HEIC; PNG с прозрачным фоном — идеальный вариант для фавикона.
Выберите размеры
Отмечены 16, 32 и 48 — именно это нужно фавикону. Добавьте 256, если файл будет и иконкой на рабочем столе.
Скачайте .ico
Вы получите один файл со всеми размерами внутри — готовый к загрузке в корень сайта как favicon.ico.
Какие размеры нужны
16 × 16 — вкладка браузера и панель закладок: размер, который видят чаще всего и который меньше всего прощает детали. Логотип с мелкими буквами в нём просто исчезает.
32 × 32 используют ярлыки, вкладки на экранах высокой плотности и многие места операционной системы. 48 × 48 появляется в списках файлов Windows.
256 × 256 нужен, только если файл будет также иконкой программы или рабочего стола. Он добавляет вес, поэтому по умолчанию не отмечен.
Вписывается целиком, без обрезки
ICO — квадрат, а многие логотипы нет. Вместо того чтобы срезать края ради квадрата, изображение вписывается целиком, а остаток заполняется полями: для иконки потерять часть знака хуже, чем получить небольшой отступ.
Если у оригинала прозрачный фон, поля останутся прозрачными. Если нет, стоит сначала подготовить PNG с прозрачностью — обычно для этого удаляют фон или делают круглую обрезку.
Для фавикона чем проще, тем лучше. Буква, фигура или символ читаются в 16 пикселях; полный логотип со слоганом — нет.
Из JPG и WebP тоже
Конвертер принимает не только PNG: JPG, WebP и фото HEIC превращаются в ICO так же. Учтите, что у JPG нет прозрачности, поэтому фон вокруг логотипа останется в иконке. Для фавикона на прозрачном фоне сначала уберите фон или возьмите PNG-версию логотипа.
Яндекс принимает фавикон в разных форматах, включая ICO и PNG, но для более чёткого значка в своих сервисах советует SVG или размер 120 × 120 пикселей. Векторную версию логотипа можно сделать через PNG в SVG.
Ничего не загружается
Всё происходит в браузере: изображение уменьшается на холсте, каждый размер кодируется в PNG, и эти PNG упаковываются в контейнер .ico прямо на месте.
Файл не попадает на сервер, поэтому нет очереди, аккаунта и дневного лимита, а после загрузки страница работает и без интернета.
Это тот же упаковщик, который собирает фавикон самого сайта, так что формат результата ровно тот, что используется здесь.
Для чего каждый размер
Где каждый из них показывается.
| Размер | Где используется | Отмечен по умолчанию? |
|---|---|---|
| 16 × 16 | Вкладка браузера и закладки | Да |
| 32 × 32 | Ярлыки и экраны высокой плотности | Да |
| 48 × 48 | Списки файлов Windows | Да |
Когда переводят изображение в ICO
Фавикон для сайта
Классический favicon.ico с тремя размерами, которые просят браузеры, в корне сайта.
Иконка на рабочем столе
Ярлык Windows со своей иконкой вместо стандартной.
Логотип для вкладки
Упрощённый знак, который читается даже в 16 пикселях.
Иконка для программы
ICO с размером 256 для установщиков и ярлыков.
