tools / png-to-ico
png-to-ico/
Преобразование PNG, JPG, WebP, SVG в значок ICO: один файл .ico с несколькими размерами, подходит для favicon сайта или значка Windows, прозрачность сохраняется. Ничего не загружается на сервер, преобразование выполняется в браузере.
Предпросмотр
Каждый размер показан в реальных пикселях; шахматный фон обозначает прозрачные области.
Как преобразовать PNG в ICO
- Выберите или перетащите изображение: подойдут PNG, JPG, WebP, SVG, GIF и BMP.
- Выберите размеры: для программы, ярлыка или значка папки выберите «Значок Windows», для значка сайта — «Favicon сайта», либо отметьте размеры сами.
- Посмотрите предпросмотр каждого размера и нажмите «Скачать ICO».
Какие размеры должен включать ICO
Значки Windows: Microsoft рекомендует включать как минимум размеры 16, 24, 32, 48 и 256. Windows сначала ищет точно подходящий размер, а если его нет, уменьшает ближайший больший, поэтому при наличии 256 значок только уменьшается и никогда не увеличивается. Для большей четкости на экранах с высокой плотностью пикселей отметьте также 20, 40 и 64.
Favicon сайта: во вкладках браузера используются 16 и 32; Google рекомендует для favicon в результатах поиска размер больше 48×48, поэтому в набор добавлен еще и 64. Переименуйте файл в favicon.ico и положите в корень сайта — браузеры обычно подхватывают его автоматически; можно также добавить в head такую строку:
<link rel="icon" href="/favicon.ico">
Исходное изображение лучше брать квадратным и не меньше 256×256. Маленькое изображение, увеличенное до 256, получается размытым; при преобразовании страница об этом предупредит.
О создаваемом файле ICO
- Размеры меньше 256 хранятся как 32-разрядный BMP с альфа-каналом и маской — так достигается лучшая совместимость (значки со сжатием PNG поддерживаются начиная с Windows Vista); размер 256 сжимается в PNG, чтобы файл был меньше.
- Прозрачность сохраняется как есть; у JPG прозрачности нет, поэтому остается исходный фон.
- Неквадратное изображение можно дополнить прозрачными полями или обрезать до квадрата по центру.
- Изображение обрабатывается только в вашем браузере и не загружается ни на какой сервер.
Частые вопросы
Можно ли преобразовать в ICO также JPG и SVG?
Да. SVG — векторный формат, поэтому каждый размер перерисовывается в целевом разрешении и остается четким даже в малом размере.
Почему 16×16 выглядит размытым?
Изображение с большим количеством деталей в 16 пикселей трудно разглядеть. Для малых размеров лучше использовать упрощенный рисунок: толстые линии, минимум текста, сильный контраст.
Какие размеры входят в каждый набор и можно ли выбрать свои
«Значок Windows» — это 16, 24, 32, 48 и 256, «Favicon сайта» — 16, 32, 48 и 64, «Все» — все 10 размеров от 16 до 256. Размеры в строке можно отмечать самостоятельно; если ваш набор не совпадает ни с одним из готовых, ни одна из кнопок наборов не подсвечена. Должен быть отмечен хотя бы один размер.
Почему созданный ICO намного больше исходного PNG
Потому что размеры меньше 256 хранятся как несжатые 32-разрядные растровые изображения, и чем больше размер, тем больше места он занимает: примерно 17 KB для 64×64 и примерно 66 KB для 128×128. Набор «Favicon сайта» дает в сумме около 31 KB, а четыре размера 16–48 в «Значок Windows» — около 17 KB, плюс сжатое изображение 256. Чтобы файл был меньше, не отмечайте большие размеры; только 16 и 32 дают около 5 KB.
Сколько изображений можно преобразовать за раз и есть ли ограничение по размеру
Одно за раз. Если перетащить сразу несколько, используется только первое, и страница сообщит, какое именно. Файл изображения не должен превышать 50 MB, а растровое изображение — 100 миллионов пикселей (для SVG ограничения по пикселям нет). Все размеры создаются из этого одного изображения, поэтому для разных размеров нельзя использовать разные картинки.
Что проверить, если после преобразования SVG в ICO пропорции неверные или часть содержимого отсутствует
Сначала проверьте, указаны ли в SVG width, height или viewBox: если есть только viewBox, используются его пропорции, а если нет ничего из этого, SVG обрабатывается как 300×150, и пропорции будут неверными. Кроме того, внешние изображения и шрифты, на которые ссылается SVG, не загружаются: изображения нужно встроить в SVG, а текст преобразовать в контуры.
Можно ли преобразовать в ICO HEIC, TIFF и анимированный GIF
HEIC и TIFF нельзя: при выборе появится сообщение «Формат файла … не поддерживается», сначала преобразуйте их в PNG или JPG. GIF читается, но используется только первый кадр, а сам ICO анимацию хранить не может. Читаются форматы PNG, JPG, WebP, SVG, GIF и BMP; AVIF работает, если ваш браузер умеет его декодировать.
Можно ли создать .icns для macOS или значки мобильных приложений
Нет, создаются только файлы .ico — для значков Windows и favicon сайтов. Файлы .icns для macOS и значки приложений iOS и Android имеют другие форматы и требования, для них нужны соответствующие инструменты.