Что такое ICO: формат иконок Windows и фавиконок

Что такое ICO простыми словами

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

Если попытаться описать ICO одной фразой, получится так: это не одна картинка, а коробка с набором картинок одного логотипа в разных размерах. И именно в этом — вся его суть, отличающая его от привычных PNG и JPG.

Контейнер, а не картинка: главная идея

Представьте логотип сайта. В разных местах он нужен разного размера: 16×16 пикселей во вкладке браузера, 32×32 на панели задач, 48×48 в проводнике, 256×256 — для крупной плитки или предпросмотра. Если бы у вас был один PNG, скажем, 256×256, систему пришлось бы каждый раз уменьшать его «на лету». А автоматическое уменьшение мелких деталей — это всегда мыло и грязные края: на размере 16×16 от красивого логотипа осталась бы каша.

ICO решает проблему элегантно: внутри одного файла хранятся несколько готовых версий, каждая нарисована (или подготовлена) под свой размер. Для 16×16 дизайнер может убрать лишние детали и оставить только узнаваемый силуэт, а для 256×256 — показать всё богатство. Система просто выбирает подходящую картинку из набора — без размытия и без потери чёткости.

Что лежит внутри файла: BMP и PNG

Структура ICO простая и логичная. Файл начинается с короткого заголовка, в котором записано, сколько изображений внутри и где каждое из них лежит — что-то вроде оглавления. Дальше идут сами картинки одна за другой.

А вот в каком формате хранятся эти картинки — самое интересное. Исторически каждое изображение внутри ICO — это несжатый BMP (точнее, DIB — device-independent bitmap). Никакого сжатия: пиксель за пикселем, как есть. Для размеров 16×16 и 32×32 это нормально — они и так крошечные.

Но когда появились большие иконки 256×256, несжатый формат стал расточительным: одна такая картинка весила бы сотни килобайт. Поэтому начиная с Windows Vista внутрь ICO разрешили класть изображения в формате PNG со сжатием. Так и получается современный ICO: мелкие размеры — старым добрым BMP, крупный 256×256 — компактным PNG.

Прозрачность: маска и альфа-канал

Иконка почти всегда должна быть с прозрачным фоном — иначе вокруг неё появится уродливый квадрат. ICO умеет это двумя способами.

Старый способ — маска прозрачности. К картинке прилагается дополнительный 1-битный слой, где каждый пиксель помечен «видимый» или «прозрачный». Грубо, но для угловатых иконок 1990-х годов хватало.

Современный способ — альфа-канал. Как и в PNG, у каждого пикселя есть степень прозрачности от 0 до 255. Благодаря этому края иконки получаются гладкими, а полупрозрачные тени и блики ложатся на любой фон без артефактов. Именно поэтому современный логотип во вкладке выглядит аккуратно и на светлой, и на тёмной теме браузера.

Откуда взялся формат: немного истории

ICO — один из старейших живых форматов на ПК. Он родился вместе с графическим интерфейсом Windows и десятилетиями был единственным способом задать значок программы. Ключевые вехи:

• 1985 — Windows 1.0. Формат появляется как часть системы. Иконки — крошечные, 16 или меньше цветов.
• 1999 — фавиконки. Internet Explorer 5 вводит идею: положи favicon.ico в корень сайта, и браузер покажет картинку во вкладке и в избранном. Так ICO попадает в веб.
• 2007 — Windows Vista. Поддержка крупных иконок 256×256 и PNG-сжатия внутри ICO. Иконки становятся по-настоящему детальными.

За сорок лет формат почти не изменился внешне — и это его сила. Файл .ico, созданный сегодня, откроется и в современной Windows, и его поймёт любой браузер.

Где используется ICO сегодня

Несмотря на возраст, ICO встречается повсюду — просто его не принято замечать.

• Иконки приложений и ярлыков Windows. Любая программа на рабочем столе или в меню «Пуск» показывает свой значок именно из ICO.
• Фавиконки сайтов. Маленькая картинка во вкладке, в закладках, в истории и в результатах поиска. Браузеры по-прежнему первым делом ищут /favicon.ico.
• Совместимость. Когда сайту нужно поддержать и старые, и новые браузеры, ICO остаётся универсальным «запасным вариантом», который понимают все.

Сегодня для фавиконок часто добавляют ещё PNG и SVG — о том, что из этого выбрать, у нас есть отдельная статья. Но именно ICO даёт максимальную совместимость и до сих пор остаётся стандартом для крошечных размеров в табах и закладках.

Как создать и открыть ICO

Поскольку ICO — это специальный контейнер, обычный графический редактор не всегда умеет его собирать. Самый быстрый путь — сконвертировать готовую картинку. Чаще всего иконку рисуют как PNG (с прозрачным фоном), а потом превращают в ICO.

А если вам, наоборот, нужно посмотреть, что спрятано внутри чужого .ico, пригодится обратное преобразование — ICO в PNG. Полный список доступных конвертаций всегда есть на странице всех форматов.