Формат ICO

ICO появился вместе с Windows 1.0 в 1985 году и с тех пор остаётся стандартом иконок в экосистеме Microsoft. По сути это не формат изображения, а контейнер: внутри лежит несколько картинок разного размера и глубины цвета, а программа берёт ту, что подходит под текущий масштаб.

Такое устройство решает реальную проблему. Иконка приложения показывается и в списке программ крупно, и в панели задач мелко, и в свойствах файла совсем маленькой. Одно изображение, уменьшенное системой, в мелком масштабе превращается в кашу: тонкие линии пропадают, детали сливаются. Отдельно нарисованный вариант на 16 пикселей выглядит несравнимо лучше.

Favicon

Основное применение формата сегодня — иконка сайта. Браузер по умолчанию запрашивает файл favicon.ico в корне домена, даже если в разметке страницы на него нет ссылки. Этот путь работает во всех браузерах без исключения, поэтому ICO остаётся надёжным запасным вариантом даже при наличии современной SVG-иконки.

Внутри контейнера каждое изображение может храниться как PNG — современные браузеры и Windows это понимают, а файл получается заметно легче, чем при старом способе с несжатым растром.

Как сделать хорошую иконку

Начните с квадратного изображения минимум 256×256 пикселей с прозрачным фоном. Упростите его: уберите мелкие детали, тонкие обводки и текст. Проверьте, узнаётся ли знак, если уменьшить его до размера ногтя, — именно так его увидит пользователь на вкладке.

Собрать готовый контейнер можно из PNG, JPG или WebP, отметив нужные размеры. Результат положите в корень сайта под именем favicon.ico.