Конвертировать SVG в JPG

Почему JPG не дружит с векторной графикой и как потерять меньше всего

JPEG создавался для фотографий: плавные градиенты и никаких резких краёв — с этим его блочное преобразование 8×8 и цветовое субдискретизирование справляются изящно. Векторная графика — прямая противоположность: однотонные заливки, однопиксельные линии, острые углы и мелкий текст, — и каждый такой край в JPEG обрастает слабой рябью, а на границе насыщенного цвета с белым появляются цветные каёмки, потому что цвет хранился в половинном разрешении. При качестве 90 и выше ореолы почти незаметны; при 75 они видны на любом логотипе. Именно поэтому ползунок качества на этой странице стоит высоко.

Цвет фона — не косметика. SVG без фона рисует на пустоте, а в JPEG каждый пиксель должен чем-то быть заполнен, поэтому пустая область заливается перед кодированием. Сглаженные края были смешаны с прозрачностью; теперь они смешиваются с выбранным цветом, так что логотип, отрисованный на белом и положенный на тёмную страницу, обзаводится светлым ореолом. Выберите цвет того места, куда он пойдёт, или используйте PNG, который оставляет края несмешанными.

Всё самодостаточное отрисовывается как нарисовано — градиенты, фильтры, маски, обтравка, встроенные изображения data URI. Связанные изображения и веб-шрифты не загружаются, потому что SVG, отрисовываемый как картинка, изолирован от сети, а скрипты не выполняются. Если в SVG указан только viewBox, пропорции берутся из него, а заданная вами ширина определяет высоту.

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

rsvg-convert -w 1600 -b white in.svg -o out.png, а затем cjpeg -quality 92 дают более чистый JPEG, чем браузерный кодировщик, с настоящим набором шрифтов за текстом, а Inkscape экспортирует из командной строки целую папку с выбранными DPI и фоном.

Прежде чем конвертировать вообще, спросите, не примет ли то, что требует JPG, обычный PNG: почти всё принимает, а PNG логотипа меньше, чётче и прозрачен. Случаев, когда JPG действительно необходим, немного: маркетплейсы со строгими загрузчиками, некоторые типографии и системы настолько старые, что появились до поддержки PNG.