Конвертировать PNG в ICO

Что такое файл ICO?

ICO — это формат значков Windows, который браузеры используют и для favicon, маленькой картинки во вкладке, в закладках и в истории. Его особенность: один файл .ico содержит несколько изображений разного размера. Windows показывает версию 16 × 16 в списках и на панели задач, 32 и 48 для обычных значков, а 256 для огромных значков в Проводнике; браузер берёт 16 или 32 в зависимости от плотности пикселей экрана. Поэтому переименовать файл .png в .ico недостаточно: настоящий ICO начинается с заголовка, в котором перечислены его размеры. Этот инструмент создаёт такой файл по всем правилам и сохраняет каждый размер в PNG — формате, который понимают Windows начиная с Vista и все современные браузеры.

Как сделать favicon для сайта

Начните с простого квадратного логотипа и скачайте набор favicon. В нём есть favicon.ico (16, 32 и 48 пикселей), apple-touch-icon.png (180 × 180, иконка, которая используется при добавлении сайта на экран «Домой» iPhone), icon-192.png и icon-512.png (для Android и веб-приложений), файл site.webmanifest, который их объявляет, и строки HTML для копирования. Разместите файлы в корне сайта и вставьте строки в тег head ваших страниц. Конструкторы сайтов, например WordPress, Тильда или Wix, часто просят просто квадратную картинку PNG: тогда используйте icon-512.png. Браузеры долго помнят старую иконку: после замены обновите страницу через Ctrl+F5 или немного подождите.

Как сменить значок папки или ярлыка в Windows

Для папки щёлкните по ней правой кнопкой мыши, выберите «Свойства», вкладку «Настройка» и кнопку «Сменить значок…», затем «Обзор…», чтобы указать свой файл .ico. Для ярлыка это делается в «Свойствах», на вкладке «Ярлык», кнопкой «Сменить значок…». Храните файл .ico в папке, которую не будете перемещать: если его переместить или удалить, Windows вернёт значок по умолчанию. Чтобы значок был чётким во всех видах Проводника (мелкие, обычные, крупные и огромные значки), отметьте все размеры от 16 до 256 пикселей набором «Windows».

Иконка, которая читается даже в 16 пикселях

В иконке 16 × 16 всего 256 пикселей: мелкие детали, надписи и очень тонкие контуры в ней пропадают. Выберите простую контрастную форму, заполняющую весь квадрат, например первую букву или символ, а не полный логотип со слоганом. Проверьте предпросмотр на светлой и тёмной вкладке: чёрный логотип на прозрачном фоне становится невидимым в тёмной теме, и тогда его спасёт цветной фон. Если изображение не квадратное, выберите между «Обрезать до квадрата», что сохраняет центр, и «Целиком + поля», что добавляет прозрачные или цветные края. Самый чёткий результат даёт файл SVG, потому что он заново прорисовывается перед уменьшением до каждого размера.