Конвертер JPG в SVG
Превратите логотип, эскиз или иконку в формате JPG в SVG из настоящих контуров: такой файл масштабируется до любого размера и открывается в Cricut, Silhouette, Illustrator или на веб-странице. Трассировщик перерисовывает каждую цветовую область как отдельную фигуру, поэтому на выходе получается полноценный вектор, а не растровая картинка в векторной оболочке.
Изображение в SVG
или перетащите сюда файлы JPG, JPEG, JFIF … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
Большее значение сохраняет мелкие точки и тонкую текстуру; меньшее убирает фигуры размером в несколько пикселей и очищает шум.
Большее значение сглаживает зубчатые края у исходников низкого разрешения или JPG; меньшее сохраняет острые углы.
Плавные кривые — для большинства изображений, прямые отрезки — для геометрических логотипов, пиксельные края — чтобы пиксель-арт остался ступенчатым.
Только для PDF: какие страницы преобразовать, например 1 или 1-3, 5. Каждая страница станет отдельным файлом.
Как пользоваться инструментом
- 1
Загрузите JPG
Загрузите JPG или JPEG с логотипом, рисунком или плоской графикой, до 20 файлов за раз. Чем больше и чище исходник, тем плавнее получатся кривые.
- 2
Настройте цвета
Количество цветов по умолчанию равно 8, этого хватает для большинства логотипов. Для подписей и линейной графики переключите Цветовой режим на «Черно-белый», а если JPG маленький или с заметными квадратами, увеличьте Сглаживание.
- 3
Конвертируйте и проверьте
Нажмите Векторизовать в SVG, откройте файл в браузере и увеличьте масштаб. Если мелких деталей не хватает, увеличьте Детализацию в разделе Расширенные настройки и конвертируйте снова.
JPG в SVG лучше всего работает с изображениями, которые изначально плоские: логотипы, иконки, печати, подписи и рисунки. Чем меньше цветов в исходнике, тем чище вектор.
Как JPG превращается в векторные контуры
JPG — это сетка пикселей, сжатая методом JPEG 1992 года; SVG, стандарт W3C с 2001 года, — это список фигур, описанных координатами и кривыми. Прямого перевода между ними нет, поэтому конвертер выполняет трассировку: группирует пиксели в ограниченное число цветов, находит границу каждой цветовой области и проводит вдоль неё плавные кривые.
На той же идее работают «Трассировка растра» в Inkscape, построенная на библиотеке Potrace, и «Трассировка изображения» в Illustrator, появившаяся в Illustrator CS6. Инструменты различаются тем, как выбирают цвета и насколько сильно сглаживают шум. Эти два решения как раз и задают Количество цветов, Детализация и Сглаживание.
У JPG есть своя сложность. Формат делит изображение на блоки 8 × 8 пикселей и отбрасывает мелкие детали внутри каждого, из-за чего вокруг чётких краёв появляются слабые ореолы. Трассировщик принимает их за лишние фигуры. Поэтому на этой странице Сглаживание изначально равно 60, а не обычным 50.
Сколько цветов выбрать при конвертации JPG в SVG
- 2
Одноцветный логотип, трафарет, виниловая наклейка
- 4–8
Плоские логотипы и иконки (по умолчанию 8)
- 16–32
Иллюстрации, мультяшная графика, значки
- 64
Максимум; постеризованные фото
Что можно и чего нельзя сделать при конвертации JPG в SVG
МифЕсли сохранить JPG как SVG, он будет чётким при любом размере.
ФактМасштабируются только трассированные пути. SVG, в который просто встроен JPG, размывается так же, как сам JPG.
МифЧем больше цветов, тем лучше вектор.
ФактПосле 16–32 цветов вы в основном добавляете мелкие фигуры и вес файла; логотипы выглядят чище при 4–8.
МифРазмытый JPG получится чётким.
ФактТрассировщик сгладит неровные края, но не придумает детали, которых в JPG никогда не было.
Как получить чистую трассировку логотипа из JPG
| Так нужно | Так не нужно |
|---|---|
| Берите самый большой JPG, лучше от 1000 px по ширине. | Трассировать крошечную миниатюру или скриншот скриншота. |
| Перед загрузкой обрежьте рамки и пустое место. | Ставить 64 цвета для двухцветного логотипа. |
| Для подписей и рукописных заметок выбирайте «Черно-белый». | Ждать, что портрет сохранит оттенки кожи. |
| Для стикеров и файлов для резки включите Удалить фон. | Несколько раз пересохранять JPG перед трассировкой. |
Готовый SVG можно использовать почти везде, где применяется вектор. Веб-дизайнеры вставляют его на страницу как встроенную иконку, мастера вывесок отправляют на плоттер, рукодельницы загружают в Cricut Design Space. Если нужен растр, например для объявления на маркетплейсе, где принимают только изображения, сохраните чёткую копию любого размера через SVG в PNG.
Для лазерных станков и CAD-программ, которым DXF подходит больше, чем SVG, трассируйте тот же JPG через JPG в DXF: контуры записываются в формате, который читают AutoCAD и большинство лазерных программ.
Вопросы о конвертации JPG в SVG
SVG получается настоящим векторным или это просто мой JPG внутри SVG-файла?
Это настоящий вектор. Некоторые конвертеры просто вставляют JPG в тег изображения внутри SVG, и при увеличении он всё равно распадается на пиксели. Здесь контуры трассируются и записываются как пути SVG, поэтому в текстовом редакторе вы увидите координаты, а не блок закодированных пикселей.
Можно ли конвертировать в SVG фото человека или пейзажа?
Можно, но получится что-то вроде постера или картинки по номерам, а не фото. Вектор описывает плоские области цвета, а в фотографии миллионы тонких оттенков. Для стилизованного вида попробуйте 24–32 цвета; для режущего плоттера выберите «Черно-белый», подробности на странице Фото в SVG.
Какие настройки подходят для файла резки Cricut или Silhouette?
Выберите «Черно-белый» или 2–4 цвета, включите Удалить фон, чтобы белая область не вырезалась как фигура, и подумайте о параметре Только контуры, чтобы плоттер шёл по краям. Cricut Design Space и Silhouette Studio импортируют SVG напрямую.
Почему края логотипа после трассировки получились неровными?
Сжатие JPG добавляет слабый шум вдоль резких краёв, и трассировщик повторяет его. Увеличьте Сглаживание, немного уменьшите Детализацию или выберите Прямые линии в параметре «Кривые» для геометричного логотипа. Больше всего помогает JPG большего размера.
Какой размер будет у SVG-файла?
Для плоского логотипа в 4–8 цветов обычно от нескольких килобайт до нескольких десятков. Каждый лишний цвет и мелкая текстура добавляют пути, поэтому трассированное фото может весить больше исходного JPG. Оптимизировать SVG округляет координаты и объединяет пути, чтобы файл оставался небольшим.
PNG лучше подходит как исходник, чем JPG?
Часто да. У PNG того же логотипа нет шума сжатия, а фон может быть уже прозрачным, поэтому трассировка чище. Если есть оба файла, используйте PNG в SVG; если только JPG, большее значение сглаживания устранит большую часть разницы.