Логотип или иконка в формате SVG прекрасно масштабируется без потери качества, но не любая программа или форма загрузки принимает векторную графику. Иногда SVG нужно превратить в обычную картинку — PNG или JPG.
Чем SVG отличается от PNG и JPG
SVG — векторный формат: изображение описано не пикселями, а математическими фигурами (линиями, кривыми, заливками). Поэтому SVG можно увеличить хоть в 10 раз без потери резкости — это просто пересчитанная геометрия. PNG и JPG — растровые форматы, где картинка — это сетка пикселей фиксированного размера; при увеличении такого файла появляется размытие.
Перевод SVG в растр называется рендерингом или растрированием: векторные фигуры «отрисовываются» в конкретном разрешении и сохраняются как обычное изображение из пикселей.
Когда это нужно
- Форма загрузки не принимает SVG — многие площадки (соцсети, маркетплейсы, старые CMS) требуют JPG или PNG.
- Нужно вставить логотип в документ или письмо — не все программы (особенно офисные) корректно показывают SVG.
- SVG-иконка используется как обычное изображение — например, для превью или миниатюры.
PNG или JPG — что выбрать
- PNG — если у SVG прозрачный фон и его нужно сохранить (логотип, иконка для наложения на другой фон). PNG поддерживает альфа-канал, поэтому прозрачность переносится без изменений. Используйте конвертер SVG в PNG.
- JPG — если файл нужен максимально компактным и прозрачность не важна (например, для письма или документа). Учтите: JPEG не умеет хранить прозрачность, поэтому прозрачный фон SVG при конвертации станет белым. Используйте конвертер SVG в JPG.
Простое правило: нужна прозрачность — PNG, нужен компактный файл без прозрачности — JPG.
В каком разрешении получится картинка
Итоговый размер PNG или JPG берётся из атрибутов viewBox/width/height самого SVG-файла. Если нужно изображение большего разрешения, чем задано в исходнике, увеличьте эти значения прямо в SVG перед конвертацией — растрирование в более высоком разрешении сделает файл чётче на больших экранах.
Итог
SVG остаётся лучшим форматом для хранения и редактирования векторной графики, но для показа там, где ожидают обычную картинку, его нужно растрировать. PNG сохраняет прозрачность, JPG даёт компактный файл без неё — выбор зависит от того, что важнее в конкретной задаче.