Конвертировать PNG в ICO
Превратите квадратный PNG в файл .ico, который содержит сразу несколько размеров иконки: от 16 px для вкладки браузера до 256 px для Windows. Прозрачные углы и края остаются прозрачными.
Конвертер изображений
или перетащите сюда файлы JPG, JPEG, JPE … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
При 85 фотографии визуально не отличаются от оригинала. Снижайте значение, только если нужен файл меньше.
JPG, BMP и EPS не поддерживают прозрачность. Прозрачные пиксели заполняются этим цветом.
HEX-код цвета под прозрачными пикселями, например #FFFFFF.
Этот формат хранит только одно изображение. Чтобы сохранить анимацию, выберите GIF или WebP.
Многоразмерная иконка содержит несколько разрешений в одном файле; браузеры и операционные системы выбирают нужное.
Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.
Размер выбранной выше стороны в пикселях.
Процент от исходных размеров.
sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.
Только метаданные; 0 сохраняет исходное значение. Это число читают принтеры и некоторые порталы; размеры в пикселях не меняются.
Как пользоваться инструментом
- 1
Загрузите квадратный PNG
Используйте изображение не меньше 256 × 256 px с прозрачным фоном. В одной пачке до 20 PNG, каждый до 95 MB.
- 2
Выберите размеры иконки
В поле Размеры иконки по умолчанию выбрано Все размеры (16–256) — это подходит в большинстве случаев. Один размер выбирайте в разделе Расширенные настройки только если программа требует именно его.
- 3
Конвертируйте и используйте .ico
Нажмите Преобразовать в ICO, скачайте файл и положите его в корень сайта или укажите его в ярлыке Windows. Загруженные файлы удаляются через 30 минут.
ICO — это небольшой контейнер с изображениями иконки, а не одна картинка: в одном файле могут лежать версии 16, 32, 48 и 256 px, и система выбирает подходящую.
Как конвертировать PNG в ICO с несколькими размерами в одном файле
Формат ICO появился в Windows 1.0 в 1985 году, когда иконки были крошечными растровыми картинками. Его особенность — каталог в начале файла: в нём перечислены все вложенные изображения с их шириной и высотой. В Windows Vista (2007) разрешили хранить эти изображения в виде PNG, поэтому иконка 256 × 256 с плавной прозрачностью умещается в файл, который загружается мгновенно.
При конвертации PNG здесь этот контейнер собирается за вас. Исходник масштабируется под каждый размер, альфа-канал сохраняется, так что скруглённые углы и мягкие тени выглядят правильно на тёмном и светлом фоне, а всё записывается в один файл .ico. Берите исходник 256 px и больше: если растянуть PNG 32 px до 256, получится лишь крупная размытая иконка.
16 × 16 px
Вкладка браузера
Вкладки и закладки при стандартной плотности пикселей
32 × 32 px
Вкладка на экране с высоким DPI
Экраны Retina и масштабирование Windows 200%
48 × 48 px
Результат поиска Google
Google требует квадратный favicon, кратный 48 px
256 × 256 px
Огромные значки Windows
Самое большое изображение, которое может хранить файл ICO
PNG
Portable Network Graphics
PNG — растровый формат без потерь, опубликованный в 1996 году группой PNG Development Group и позже стандартизированный W3C и ISO. Он сохраняет каждый пиксель в точности, полностью поддерживает альфа-прозрачность и передаёт текст, чёткие края и однотонные заливки без артефактов. Благодаря этой точности он идеально подходит для скриншотов, логотипов, иконок и элементов интерфейса. Обратная сторона — размер: фотография в PNG часто весит в несколько раз больше, чем та же фотография в JPEG или WebP. PNG открывают все браузеры, операционные системы и графические редакторы.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Нет
- Год появления
- 1996 · PNG Development Group
ICO
Значок Windows
ICO — формат значков Microsoft, который используется для значков программ Windows и фавиконок сайтов. Один файл .ico может содержать несколько изображений разного размера, например 16×16, 32×32, 48×48 и 256×256 пикселей, чтобы система выбирала наиболее подходящее. Каждое изображение хранится как точечный рисунок или как данные PNG и поддерживает полную альфа-прозрачность. ICO не предназначен для фотографий и крупных иллюстраций. Его читают браузеры, Windows и большинство редакторов значков.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Нет
- Год появления
- Microsoft
PNG — это одна картинка одного размера, а Windows и браузерам нужен .ico, в котором собрано несколько размеров, чтобы каждый экран выбрал самый чёткий; обратное преобразование из ICO в PNG — это лишь извлечение изображения.
Фавикон или значок Windows: какие размеры включить в ICO
Браузеры рисуют значок вкладки размером 16 px, а на экранах с высоким DPI — 32 px, а Google Поиск показывает favicon на основе 48 px. Оставьте Все размеры, чтобы один файл подошёл для всех трёх случаев.
- Сохраните как
favicon.icoв корне сайта - Отдельно добавьте PNG 180 × 180 для Apple touch icon
Windows выбирает размеры от 16 px в заголовках окон до 256 px в режиме «Огромные значки» и на рабочих столах с высоким DPI. Если в файле нет 256 px, на таких размерах иконка выглядит мягкой.
- Оставьте Все размеры
- Проверьте иконку и на тёмной, и на светлой панели задач
Некоторые лаунчеры игр, серверные панели и старые программы читают только первое изображение или требуют фиксированный размер. Выберите 256, 128, 64, 32 или 16 px в поле Размеры иконки, чтобы записать ICO с одним изображением.
- Берите размер, указанный в документации программы
- Для фиксированной иконки 256 px см. PNG в ICO 256x256
Как подготовить PNG, чтобы рисунок читался даже при 16 px
Идея favicon появилась в Internet Explorer 5 в 1999 году: при добавлении сайта в закладки браузер искал в его корне файл favicon.ico. Другие браузеры скопировали это поведение, поэтому запрос именно по этому пути до сих пор встречается в серверных логах.
В 16 × 16 всего 256 пикселей, поэтому рисунок должен быть крупным и простым. Уберите слоган и тонкие контуры, сохраните сильный контраст и на светлой, и на тёмной теме браузера, оставьте пиксель отступа вокруг фигуры. Многие бренды используют только первую букву или символ. Если логотип есть в векторном виде, преобразуйте его через SVG в ICO, чтобы каждый размер рисовался по чётким контурам.
Вопросы о конвертации PNG в ICO
Как конвертировать PNG в ICO для фавикона сайта?
Выполните конвертацию с выбранным значением Все размеры, переименуйте результат в favicon.ico и загрузите в корневую папку сайта. Браузеры сами запрашивают этот путь, а ещё на файл можно сослаться тегом link rel="icon" в head страницы.
Почему иконка выглядит размытой при 16 пикселях?
Детальный рисунок не выдерживает уменьшения до 16 × 16: буква или тонкая линия там занимает меньше одного пикселя. Упростите мелкие размеры: одна жирная буква или фигура на вкладке браузера читается лучше, чем полный логотип с текстом.
Что будет, если мой PNG не квадратный?
Иконки квадратные, поэтому широкий логотип либо дополняется полями, либо сжимается — зависит от программы, которая читает файл. Заранее обрежьте PNG или добавьте поля до квадратного холста, чтобы самим решить, где будет пустое место.
Можно ли с помощью .ico сменить значок папки в Windows?
Да. Щёлкните папку правой кнопкой мыши, откройте «Свойства» > «Настройка» > «Сменить значок» и выберите файл .ico. Ярлыки на рабочем столе работают так же: «Свойства» > «Сменить значок».
Нужен ли файл ICO, если на сайте уже есть иконки PNG?
Современные браузеры принимают иконки PNG и SVG, указанные в head страницы, но некоторые инструменты, читалки лент и старые браузеры по-прежнему напрямую запрашивают /favicon.ico. Небольшой ICO с несколькими размерами избавит ваши логи от ошибок 404.