Конвертация SVG в JPG превращает векторную графику в растровое изображение с фиксированным разрешением, которое принимают все программы, маркетплейсы и государственные порталы. Сложность в том, что у SVG нет собственного размера в пикселях: атрибут width внутри файла это подсказка для программы просмотра, а не свойство самой картинки. Логотип, нарисованный для баннера шириной в два метра, спокойно объявляет себя как 64×64. Поэтому каждая конвертация означает выбор разрешения, и почти все онлайн-сервисы делают этот выбор за вас молча. Конвертер DocPivot выносит решение наружу: три реальных размера вплоть до 4096 пикселей, повторная растеризация из контуров и управляемый цвет подложки под прозрачными областями. Если прозрачность нужно сохранить, задачу решает конвертация SVG в PNG, а JPG остаётся выбором там, где важен вес файла и совместимость.
Как устроен конвейер обработки
Весь путь файла состоит из пяти шагов, и каждый из них влияет на итоговую резкость. Понимание этой механики объясняет, почему один и тот же исходник у разных сервисов даёт настолько разный результат.
- Загрузка вектора. Файл открывается через элемент img. Метод createImageBitmap здесь не применяется: Chrome и Firefox отказываются принимать SVG через этот интерфейс, и это принципиальный отказ спецификации, а не сбой декодирования.
- Растеризация сразу в нужном размере. Отрисовка вектора в 4096 пикселей заново прогоняет растеризатор по контурам. Промежуточный вариант, когда картинка рендерится один раз в 2048 и потом растягивается, размывает увеличение и теряет резкость при уменьшении.
- Композитинг подложки. SVG почти всегда прозрачен, а в JPEG альфа-канала нет вообще. Выбранный цвет заливается режимом destination-over, то есть подкладывается под рисунок, а сами пиксели графики остаются нетронутыми.
- Кодирование через MozJPEG. Качество по умолчанию равно 95. Вектор это источник без потерь, и данное сжатие для него первое и единственное, поэтому настройка выбрана осознанно щедрой.
- Выдача результата. Один файл сохраняет исходное имя с новым расширением, несколько файлов приходят архивом ZIP. Карточка результата показывает точные размеры в пикселях, так что сомнений о полученном разрешении не остаётся.
Такая последовательность в DocPivot отличает специализированный инструмент от универсального. Если нужно перевести между другими форматами по той же схеме, подойдёт универсальный конвертер изображений.
Почему разрешение это решение, а не настройка по умолчанию
Разница между повторной растеризацией и обычным увеличением измерима, а не декларативна. При отрисовке из контуров доля пикселей сглаживания на строке развёртки составляет 1,27 % при размере 2048 и 0,71 % при размере 4096. Доля падает примерно вдвое при удвоении стороны, и так ведёт себя именно честная повторная отрисовка. Растянутая копия сохранила бы прежнюю долю сглаживания, потому что размытые границы просто увеличились бы вместе со всем изображением.
Практический вывод простой: иконка размером 64 пикселя превращается в по-настоящему резкое изображение на 4096 пикселей, потому что браузер рисует её заново по математическому описанию форм. Для сравнения, популярный облачный сервис CloudConvert из того же исходного файла возвращает 200×200 пикселей весом 10 181 байт без видимой возможности это изменить, тогда как здесь получается 2048×2048 весом 134 622 байта. Если после конвертации потребуется подогнать картинку под конкретный макет, поможет изменение размера изображения.
Основные преимущества
- Три реальных размера. 4096, 2048 по умолчанию и 1200 пикселей по длинной стороне покрывают печать, веб и превью без ручных расчётов.
- Цвет подложки под вашим контролем. Белый фон подходит не всегда, особенно если графика уезжает на тёмную страницу или в тёмную тему презентации.
- Обработка в браузере. Ни один файл не покидает устройство, что снимает вопросы по 152-ФЗ при работе с макетами, содержащими персональные данные заказчика.
- Пакетная работа до 30 файлов. Целый набор иконок конвертируется за один проход и приходит одним архивом.
- Отсутствие суточных лимитов. Ограничение вроде 25 конверсий в день, привычное для облачных сервисов, здесь неприменимо, потому что вычисления идут на вашем процессоре.
- Поиск качества под заданный вес. Требование уложиться в конкретный размер выполняется перебором, а не угадыванием.
- Предсказуемый вес результата. При необходимости дожать файл дальше подключается сжатие изображений, а для документов вместо растра иногда логичнее перевод SVG в PDF.
Ключевые функции
- Повторная растеризация из контуров. Каждый выбранный размер отрисовывается независимо, без промежуточного масштабирования.
- Выбор цвета фона. Подложка задаётся до конвертации и применяется ко всей партии файлов сразу.
- Кодировщик MozJPEG на WebAssembly. Тот же кодек, что используют инструменты подготовки графики для продакшена, работает локально в браузере.
- Целевой вес файла. Алгоритм делает до восьми проб в диапазоне качества от 5 до 95 и выбирает наибольшее качество, которое укладывается в заданный лимит.
- Отчёт о точных размерах. После обработки видно, сколько пикселей получилось по каждой стороне.
- Пакетная конвертация с архивом. До 30 файлов за проход, результат одним ZIP.
- Сохранение имён файлов. Меняется только расширение, структура названий остаётся прежней, что важно при работе с наборами иконок для генератора фавиконов.
- Статичный кадр из анимации. Анимированный или скриптовый SVG отрисовывается одним кадром, скрипты не выполняются.
- Совместимость с дальнейшей обработкой. Готовый JPG сразу принимают инструменты вроде наложения водяного знака на изображение.
Пошаговая инструкция
- Перетащите один или несколько файлов SVG в рабочую область или выберите их через проводник.
- Укажите размер по длинной стороне: 4096 для печати и крупных баннеров, 2048 для большинства веб-задач, 1200 для превью и почтовых рассылок.
- Задайте цвет подложки, если белый не подходит. Именно он окажется под всеми прозрачными участками рисунка.
- При необходимости включите ограничение по весу файла и укажите нужный порог в килобайтах.
- Запустите обработку и скачайте результат. Один файл придёт как есть, несколько соберутся в архив.
Если готовые растровые изображения нужно объединить в один документ для отправки, следующим шагом обычно становится сборка JPG в PDF.
Когда переводить SVG в JPG, а когда не стоит
JPG уместен там, где изображение содержит плавные переходы, градиенты и сложные заливки, а прозрачность не нужна. Это фоновые иллюстрации, обложки, картинки для статей и превью в социальных сетях. Формат даёт малый вес при высоком качестве и открывается абсолютно везде, включая старые версии офисных пакетов и бухгалтерских программ.
Отказаться от JPG стоит в трёх случаях. Первый: графика состоит из плоских цветов и резких границ, как логотипы и схемы, потому что сжатие оставит заметный ореол вокруг контуров. Второй: нужна прозрачность, и тогда правильный маршрут это PNG. Третий: изображение идёт на сайт, где важна скорость загрузки, и там выигрывает конвертация SVG в WebP. Отдельно отметим, что переводить уже готовые растровые файлы между собой это другая задача, для неё есть перевод PNG в JPG.
Сценарии из практики Рунета
Карточки товара на маркетплейсах. Wildberries и Ozon не принимают векторные файлы: требуются растровые изображения в JPG или PNG с конкретными пиксельными размерами. Дизайнерский макет инфографики, сделанный в вектором редакторе, приходится растеризовать перед загрузкой, и размер 2048 пикселей закрывает требования обеих площадок с запасом. Обрезать готовый кадр под нужные пропорции помогает обрезка изображения.
Документы для государственных сервисов. Формы на Госуслугах, в системе Мой арбитр и на площадках ЕИС принимают вложения в ограниченном наборе форматов, и SVG в этот набор не входит почти никогда. Схема или чертёж, полученные от подрядчика в векторе, конвертируются в JPG с ограничением по весу, чтобы уложиться в лимит загрузки формы.
Презентации и отчёты в отечественных офисных пакетах. МойОфис и Р7-Офис работают с SVG нестабильно: часть эффектов и шрифтовых начертаний отображается иначе, чем в браузере. Растровая вставка гарантирует, что слайд у коллеги будет выглядеть ровно так же, как у автора.
Печатные материалы. Типографии и рекламные агентства нередко просят прислать макет растром, чтобы исключить расхождения в шрифтах, и режим максимального разрешения в DocPivot закрывает этот запрос. Размер 4096 пикселей по длинной стороне покрывает большинство форматов наружной и полиграфической продукции при разумном линиатуре.
Что происходит с каждой частью файла
| Элемент | Результат |
|---|---|
| Геометрия | Отрисовывается заново из контуров в выбранном размере |
| Прозрачность | Подкладывается выбранный цвет, по умолчанию белый |
| Текст | Рендерится шрифтами, доступными вашему браузеру |
| Внешние картинки и стили | Не загружаются по сети |
| Скрипты и анимация | Один статичный кадр, скрипты не выполняются |
| Итоговый размер | 4096, 2048 или 1200 пикселей по длинной стороне |
Честные ограничения
Шрифты подставляет браузер. Если SVG ссылается на гарнитуру, которой на вашем устройстве нет, текст отрисуется подстановочным шрифтом и перестанет соответствовать замыслу дизайнера. Надёжное решение это перевести текст в кривые ещё в векторном редакторе до конвертации.
Внешние изображения и таблицы стилей, подключённые внутри SVG по ссылке, не запрашиваются. Файл, подтягивающий удалённый логотип, отрисуется без него, и это осознанное поведение ради приватности.
Результат остаётся растром и дальше без потерь не масштабируется. Именно поэтому размер вынесен в явный выбор, а не спрятан в настройки. Крупные рендеры требуют памяти: квадратное изображение 4096 пикселей занимает около 67 МБ на канвасе ещё до сжатия, и на телефоне это ощутимая нагрузка. Метаданные съёмки в векторе отсутствуют изначально, но если проверить служебные поля готового растра всё же нужно, пригодится просмотр EXIF-данных.
Часто задаваемые вопросы
Да, конвертер DocPivot работает бесплатно и не требует ни аккаунта, ни установки программ. Обработка идёт в браузере, поэтому суточных лимитов на количество файлов нет.
Для веба и презентаций подойдёт 2048 пикселей по длинной стороне, для печати и крупных баннеров берите 4096, для превью и рассылок достаточно 1200. Ориентируйтесь на то, какого физического размера изображение будет на экране или на бумаге.
SVG описывает формы математически, а не пикселями, поэтому его можно отрисовать в любом разрешении. Атрибут width внутри файла задаёт лишь рекомендуемый размер отображения, и он часто никак не связан с реальным назначением графики.
В формате JPEG альфа-канала нет, поэтому прозрачные области заливаются выбранным цветом подложки. По умолчанию используется белый, но цвет можно задать вручную до запуска обработки.
Нет, все вычисления выполняются на вашем устройстве средствами браузера. Файлы не покидают компьютер или телефон, что снимает риски утечки неопубликованных фирменных макетов.
Шрифты подставляет браузер из тех, что установлены на устройстве. Если нужной гарнитуры нет, подставляется похожая, поэтому надёжнее перевести текст в кривые в векторном редакторе перед конвертацией.
Нет, изображения и таблицы стилей по внешним ссылкам не загружаются. Такой файл отрисуется без удалённых элементов, зато ни один сторонний сервер не узнает о конвертации.
Анимация сводится к одному статичному кадру, а встроенные скрипты не выполняются. Это одновременно техническое ограничение растрового формата и безопасное поведение при работе с чужими файлами.
За один проход обрабатывается до 30 файлов, и результат приходит одним архивом ZIP. Имена файлов сохраняются, меняется только расширение.
Включите ограничение по весу и укажите порог: алгоритм сделает до восьми проб в диапазоне качества от 5 до 95 и подберёт максимальное качество, которое укладывается в лимит. Это удобно для форм с жёстким ограничением на размер вложения.
JPG выигрывает по весу на изображениях с градиентами и плавными переходами, а PNG сохраняет прозрачность и чистые границы плоских заливок. Логотипы и схемы обычно лучше выглядят в PNG, иллюстрации и фоны в JPG.
Да, но крупные размеры требуют памяти: квадратный рендер 4096 пикселей занимает около 67 МБ до сжатия. На старых смартфонах разумнее выбирать 2048 или 1200 пикселей.
Автоматически восстановить исходные контуры из растра нельзя, потому что информация о путях при растеризации теряется. Сохраняйте оригинальный SVG как исходник, а JPG используйте только как выходной формат для публикации.
Да, оба маркетплейса принимают JPG и не принимают SVG, поэтому растеризация обязательна. Размер 2048 пикселей по длинной стороне покрывает актуальные требования площадок, а привести изображение к чёрно-белому виду при необходимости поможет перевод изображения в оттенки серого.
