Зачем конвертировать SVG в ICO?
Windows требует формат .ICO для иконок приложений и ярлыков рабочего стола. Веб-сайты размещают favicon.ico в корне сервера, и многоразмерный ICO по-прежнему имеет более широкую совместимость, чем PNG, для закрепленных вкладок, ярлыков панели задач и старых браузеров, которые запрашивают /favicon.ico автоматически. Поскольку SVG основан на векторах, его можно растрировать в любом размере без потери качества, что делает его идеальной отправной точкой для создания иконок.
Способы конвертации SVG в ICO
GIMP OPEN-SOURCE
Откройте SVG в GIMP размером 256 px, затем используйте File > Export As с расширением .ico - GIMP поддерживает ICO нативно и сохраняет прозрачность при 32-битной глубине цвета.
Командная строка - ImageMagick CLI
Выполните команду magick input.svg -define icon:auto-resize=256,48,32,16 output.ico, чтобы создать многоразмерный ICO за один шаг.
Программы, которые конвертируют SVG
Об этих форматах
Файл SVG - это масштабируемая векторная графика (Scalable Vector Graphics), открытый стандарт W3C, который хранит 2D-графику в виде текста XML, поэтому она масштабируется до любого размера…
Открыть детали .SVG →Файл ICO - это значок Windows, используемый для программ, файлов, папок и фавиконов (favicons) в браузерах. Один файл .ico содержит одно и то же изображение в нескольких размерах (от 16x16…
Открыть детали .ICO →Качество и на что обратить внимание
- Правильный ICO содержит несколько размеров (16, 32, 48 и 256 px) - файл
.icoс одним размером может выглядеть размытым или неправильно масштабироваться операционной системой там, где требуются другие габариты. - Экспортируйте с 32-битной глубиной цвета для сохранения прозрачности; 8-битный вывод (256 цветов) заменяет мягкие края и частичную прозрачность жесткой маской.
- Слот 256 px внутри ICO хранится как сжатый поток PNG - это предусмотрено спецификацией, и все современные версии Windows и браузеры корректно его обрабатывают.
Часто задаваемые вопросы
Могу ли я использовать SVG в качестве фавиконки напрямую без конвертации в ICO?
<link rel="icon">. ICO все еще необходим в качестве резервного варианта для пути /favicon.ico, который некоторые инструменты и старые браузеры запрашивают автоматически.