Перейти к содержимому

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

Правильная иконка Windows — это несколько размеров в одном файле. Здесь из вашего изображения собирается настоящий многоразмерный .ico, каждый размер отрисован чисто, и ничего не сохраняется.

  • Не сохраняется
  • Без очереди и ожидания
  • Без регистрации и водяных знаков

Как это работает

1

Добавьте изображение

Перетащите PNG — лучше всего квадратный; любой другой дополняется полями, а не сплющивается.

2

Выберите размеры

16, 32, 48 и 256 px выбраны заранее — именно этот набор и использует Windows.

3

Скачайте

Один .ico со всеми размерами — для программ, ярлыков или favicon.

ICO — это папка, а не картинка

Файл .ico — это крошечный каталог: короткий заголовок, а затем по одной записи на каждое изображение с его шириной, высотой, глубиной цвета и местом, где начинаются его данные. Изображения внутри независимы, и в этом весь смысл: Windows выбирает размер, ближайший к нужному, и использует его напрямую, а не уменьшает крупный на лету. Поэтому настоящая многоразмерная иконка выглядит чёткой на панели задач, а одно изображение 256 px, втиснутое в .ico, при 16 пикселях превращается в кашу.

Предложенные здесь размеры — 16, 32, 48 и 256 — именно те, которые запрашивает Windows: 16 для заголовка окна и мелких списков, 32 для рабочего стола и панели задач, 48 для среднего вида Проводника и 256 для крупных значков и экранов высокой плотности, которые их масштабируют. Каждый размер отрисовывается из вашего исходника отдельно, а не получается из предыдущего, поэтому маленькие версии сохраняют полное качество оригинала, а не накопленную мягкость последовательных уменьшений.

256 — это потолок, и он задан самим форматом, а не выбран здесь: запись каталога хранит каждое измерение в одном байте, и ноль в нём означает 256. Больший размер описать просто невозможно. Начиная с Windows Vista записи могут содержать данные PNG вместо «сырых» растров — благодаря этому иконка 256 px не занимает сама по себе четверть мегабайта и поддерживает нормальную прозрачность; каждый размер здесь несёт полный альфа-канал.

Неквадратный исходник размещается по центру прозрачного квадрата и дополняется полями, но никогда не растягивается. Широкий логотип, сплющенный в квадрат, — самая узнаваемая ошибка, какую может совершить иконка, поэтому форма сохраняется, а лишнее место остаётся пустым. Если нужно более плотное кадрирование, сначала обрежьте изображение до квадрата — инструмент не может угадать, какая часть прямоугольника важна.

Если нужно другое

Настоящая сложность с иконками не в формате, а в дизайне. Рисунок, который прекрасно читается при 256 пикселях, при 16 часто превращается в неразборчивое пятно: в таком размере у вас есть форма, два цвета и больше ничего. Профессиональные наборы иконок рисуют для мелких размеров отдельно — убирают детали и утолщают линии; никакое автоматическое уменьшение этого не заменит, и предпросмотр здесь честно это показывает, чтобы вы увидели проблему до публикации.

Для скриптов или целой папки иконок ImageMagick собирает многоразмерный файл одной командой: magick logo.png -define icon:auto-resize=256,48,32,16 favicon.ico. Если иконка нужна для сайта, а не для приложения, одного .ico уже недостаточно — современным браузерам, домашнему экрану iOS и лаунчерам Android нужны разные файлы, и именно их создаёт набор favicon.

Частые вопросы

Зачем в ICO несколько размеров?

Windows показывает иконки в самых разных размерах — на панели задач, в представлениях Проводника, при переключении Alt+Tab. Настоящий .ico содержит отдельно отрисованное изображение для каждого, поэтому версия 16 px получается чёткой, а не размытой уменьшенной копией.

Какое исходное изображение подходит лучше всего?

Квадратный PNG с прозрачностью, не меньше 256×256. Неквадратные изображения размещаются по центру прозрачного квадрата, а не искажаются.

Можно ли использовать ICO как favicon?

Да — favicon.ico по-прежнему работает везде. Если нужен полный современный набор (PNG разных размеров, Apple touch icon, манифест), «Генератор favicon» соберёт его целиком.

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

Да — каждый вложенный размер сохраняет полную альфа-прозрачность.

Мои файлы где-нибудь сохраняются?

Нет — .ico собирается здесь байт за байтом, и ничего не сохраняется.

Полезно знать: Размеры иконок больше 256 px формат ICO не поддерживает. Неквадратные исходники дополняются прозрачными полями.

Разместите этот инструмент на своём сайте

Бесплатно для любого блога, страницы класса или справочной статьи. Вставьте один фрагмент кода — и посетители смогут пользоваться инструментом прямо на вашей странице.