Направление конвертации
Конвертация SVG в JPG
Преобразование SVG → JPG на сервере, без установки программ
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Область приёма файла
или
Файлы SVG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
JPG не хранит прозрачность, поэтому фон SVG заливается выбранным цветом — по умолчанию белым. Чтобы тонкие линии и текст не размывались, ставьте разрешение не ниже 150 DPI.
Исходники и результаты хранятся 60 минут, затем стираются фоновым уборщиком. Предельный размер файла — 5 МБ, срок хранения — час.
SVG и JPG: характеристики
| Характеристика | .svgSVG | .jpgJPG |
|---|---|---|
| Полное название | Scalable Vector Graphics | Joint Photographic Experts Group |
| Разработчик | W3C | Joint Photographic Experts Group (ISO/IEC и ITU-T) |
| Год появления | 2001 | 1992 |
| Расширение | .svg | нет данных |
| MIME-тип | image/svg+xml | image/jpeg |
| Содержимое | Текстовое | Двоичное |
| Сжатие | Без потерь | с потерями, на основе DCT |
| Прозрачность | Поддерживается | не поддерживается |
| Несколько страниц в файле | Нет | Нет |
| Тип графики | векторная, разметка XML | нет данных |
| Масштабирование | без потери качества | нет данных |
| Возможности | прозрачность, градиенты, фильтры, анимация, CSS | нет данных |
| Размер | единицы килобайт для иконок | нет данных |
| Осторожно | файл может содержать скрипты | нет данных |
| Чем открыть | любой браузер, Inkscape, Adobe Illustrator, Figma, CorelDRAW, текстовый редактор | Просмотр фотографий Windows, Фото (macOS, iOS), Adobe Photoshop, GIMP, IrfanView, любой браузер |
| Спецификация | Описание формата | Описание формата |
| Расширения | нет данных | .jpg, .jpeg |
| Глубина цвета | нет данных | 8 бит на канал, до 16,7 млн оттенков |
| Метаданные | нет данных | Exif, IPTC, XMP, ICC-профиль |
| Разумное качество | нет данных | 75–90 % — баланс размера и картинки |
Преобразование SVG → JPG
Векторный документ растеризуется и кодируется в JPEG с прореживанием цветности 4:4:4 — то есть без прореживания вовсе, в отличие от остальных направлений в этот формат. Решение продиктовано материалом: в векторе преобладают резкие границы и плоские заливки, на которых схема 4:2:0 даёт заметную бахрому вдоль контуров. Прозрачность при этом сводится на подложку: альфа-канала у формата нет.
Размер назначается явно — плотностью точек на дюйм либо шириной в пикселях, поскольку собственного разрешения у вектора не существует. Для экрана достаточно 150 dpi, для печати берите 300: волосяные линии и подписи кеглем меньше восьми пунктов при меньших значениях распадаются на ступени. Число пикселей растёт как квадрат плотности, поэтому переход со 150 на 600 dpi увеличивает объём примерно в шестнадцать раз.
Подложка решает судьбу светлой графики. Белая уместна для документов и печати; чёрная нужна, когда знак нарисован светлым и на белом фоне пропадёт целиком. Полупрозрачные элементы — мягкие тени, дымка, плашки с прозрачностью — смешиваются с подложкой необратимо. Если фон обязан просвечивать, целевым форматом должен быть PNG.
Текст отрисовывается шрифтами сервера, поэтому нефирменная гарнитура подменится и изменит длину строк; перевод надписей в кривые до конвертации снимает проблему. Внешние изображения по ссылкам не подгружаются, скрипты и анимация не исполняются — в результат попадает исходное состояние документа. Шкалу качества на векторном материале ниже 90 опускать не стоит: на границах контуров артефакты квантования видны раньше, чем на фотографии.
Порядок преобразования SVG → JPG
Шаг 1
Разрешение
Задайте плотность точек или ширину в пикселях. 150 dpi — экран и мессенджеры, 300 dpi — печать. На чертежах и схемах с волосяными линиями осмысленно и 600 dpi, но объём вырастет в шестнадцать раз относительно 150.
Шаг 2
Подложка
Белая подходит для документов, чёрная — для светлой графики, которая иначе сольётся с фоном. Полупрозрачные элементы смешаются с выбранным цветом необратимо.
Шаг 3
Шкала качества
Держите 90–95. Прореживания цветности здесь нет, поэтому цветные линии и текст сохраняют контур, но квантование коэффициентов на резких границах заметно раньше, чем на фотографическом материале.
Шаг 4
Проверка
Сравните результат с исходным документом: на месте ли надписи, не пропали ли внешние вставки, читаются ли самые тонкие линии. При необходимости повторите задание с большей плотностью.
Вопросы по работе сервиса
Почему за рисунком появилась сплошная заливка?
Целевой формат не хранит альфа-канал, поэтому прозрачные области заливаются подложкой — белой по умолчанию или чёрной по выбору. Полупрозрачные элементы смешиваются с ней пропорционально альфе. Если фон должен просвечивать, растеризуйте документ в PNG.
Какую плотность точек задать?
Для экрана и мессенджеров — 150 dpi либо конкретная ширина в пикселях. Для печати — 300 dpi: при меньших значениях тонкие линии и мелкие подписи на бумаге выглядят рваными. Для штриховых чертежей осмысленно 600 dpi, но объём растёт как квадрат плотности.
Почему вокруг линий нет обычной цветной бахромы?
Потому что это направление кодирует цветность без прореживания, в режиме 4:4:4: каждый пиксель получает собственные отсчёты цвета. В остальных маршрутах в JPEG применяется 4:2:0, где цвет хранится с вдвое меньшим разрешением по обеим осям, и на векторной графике это было бы видно сразу.
Почему текст отрисовался другой гарнитурой?
Надписи в разметке — это текст, а не контуры, и отрисовываются они шрифтами сервера. Фирменных гарнитур там нет. Переведите текст в кривые в векторном редакторе до конвертации: тогда рисунок букв и длина строк сохранятся точно.