Конвертер IMG в SVG

Q: Будет ли векторизованный SVG работать в HTML-теге img?

Да. Все современные браузеры отображают SVG через ` ` и чётко масштабируют его до ширины, заданной в CSS. Оставьте включённой опцию **Оптимизировать SVG**, чтобы файл был небольшим и быстро загружался.

Q: Как получить только контуры для плоттера или режущего плоттера по винилу?

Отметьте **Только контуры** в разделе **Расширенные настройки**. Фигуры экспортируются как линии без заливки, и плоттеры и режущие плоттеры следуют им как линиям реза. Если программа вашего станка лучше работает с DXF, выберите DXF в поле **Преобразовать в**.

Загрузите любое изображение и получите SVG из настоящих векторных контуров: он масштабируется до любого размера, редактируется в Illustrator или Inkscape и чисто режется на Cricut. Это не картинка, просто вложенная в оболочку SVG.

или перетащите сюда файлы JPG, JPEG, JFIF … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Преобразовать в

Цветовой режим

Количество цветов

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Как пользоваться инструментом

1
Загрузите изображение
JPG, PNG, WebP, AVIF, HEIC, GIF, BMP или TIFF, до 20 файлов по 95 MB каждый. PDF тоже подойдёт: выберите нужные страницы в поле Страницы PDF.
2
Настройте цвета и фон
Значение Количество цветов по умолчанию равно 10, а Удалить фон включено: для большинства логотипов и значков это подходит. Для подписей и штриховых рисунков переключите Цветовой режим на Чёрно-белый.
3
Нажмите «Векторизовать»
Скачайте SVG-файлы или ZIP-архив. Загруженные файлы удаляются через 30 минут.

Ответ

Как правильно конвертировать img в SVG?

Выполните трассировку. Инструмент находит в изображении границы и цветовые области и перерисовывает их векторными контурами, поэтому SVG масштабируется без размытия. Если просто переименовать файл в .svg или вложить JPG внутрь SVG, векторных фигур вы не получите.

Конвертировать изображение в SVG: трассировка, а не обертка

SVG стал рекомендацией W3C в 2001 году как текстовый формат для фигур: контуры, заливки и обводки описываются координатами. JPG или PNG — наоборот, сетка цветных пикселей. Чтобы правильно превратить одно в другое, нужна трассировка: пиксели группируются в области близкого цвета, а вдоль их границ подбираются кривые.

Некоторые конвертеры пропускают этот шаг и просто встраивают растр внутрь файла SVG. Расширение получается правильное, но при увеличении изображение размывается, а редактировать или вырезать там нечего. Общий конвертер изображений UltKit умеет делать именно такую упаковку, если выбрать там вывод в SVG; это нормально для шаблона страницы, которому нужно лишь расширение. Для логотипов, значков, печатей и рисунков нужны настоящие фигуры, и именно их создаёт этот векторизатор.

Настройки IMG в SVG, которые влияют на результат

Цветовой режим и количество цветов: Цвет трассирует каждую цветовую область отдельной фигурой, от 2 до 64 цветов. Оттенки серого делает то же с серыми тонами; Чёрно-белый использует один порог.
Детализация и сглаживание: Детализация определяет, какие мелкие пятна сохранятся. Сглаживание скругляет зубчатые края, которые остаются после сжатия JPG и из-за низкого разрешения.
Кривые: Плавные кривые подходят для большинства рисунков, Прямые линии — для геометрических логотипов, Пиксельные края сохраняют угловатость пиксель-арта намеренно.
Удаление фона и только контуры: Удалить фон убирает большую фигуру, касающуюся краёв, и логотип остаётся на прозрачном фоне. Только контуры экспортирует контуры реза для станков.

Какие изображения можно перевести в SVG, EPS или DXF

from ↓ · to →	SVG	EPS	PDF	DXF	AI
JPG	JPG to SVG: yes	JPG to EPS: yes	JPG to PDF: yes	JPG to DXF: yes	JPG to AI: yes
PNG	PNG to SVG: yes	PNG to EPS: yes	PNG to PDF: yes	PNG to DXF: yes	PNG to AI: yes
WebP	WebP to SVG: yes	WebP to EPS: yes	WebP to PDF: yes	WebP to DXF: yes	WebP to AI: yes
GIF	GIF to SVG: yes	GIF to EPS: yes	GIF to PDF: yes	GIF to DXF: yes	GIF to AI: yes
TIFF	TIFF to SVG: yes	TIFF to EPS: yes	TIFF to PDF: yes	TIFF to DXF: yes	TIFF to AI: yes
PDF	PDF to SVG: yes	PDF to EPS: yes	PDF to PDF: yes	PDF to DXF: yes	PDF to AI: yes

supported not offeredЛюбой входной формат можно преобразовать в любой векторный. AVIF, HEIC и BMP тоже принимаются; PDF обрабатывается постранично.

Удачные и неудачные исходники для IMG в SVG

Так нужно	Так не нужно
Берите самую большую версию изображения из имеющихся	Не ждите, что фото в векторе будет выглядеть как фотография
Используйте PNG с однотонным фоном, если он есть	Не трассируйте миниатюру 64 px в расчёте на чистые кривые
Заранее обрежьте рамки, водяные знаки и лишний текст	Не оставляйте за логотипом пёстрый фон
Трассируйте логотип с 2–8 цветами	Не переименовывайте .png в .svg, выдавая это за вектор

Вопросы о конвертации IMG в SVG

Что означает IMG в запросе «IMG в SVG»?

Так сокращённо называют любой файл изображения, по названию HTML-тега <img>, который выводит картинки на веб-страницах. Запрос «img в SVG» обычно вводят те, у кого есть логотип в JPG или PNG и нужна векторная версия. Здесь подойдёт любой распространённый растровый формат.

Можно ли конвертировать образ диска .img в SVG?

Нет. Файлы с расширением .img обычно являются образами дисков, то есть побайтовыми копиями накопителя (например, загрузка Raspberry Pi OS), и никакой картинки в них нет. Некоторые очень старые файлы .img — это растровые изображения GEM из 1980-х: сначала откройте их в старой графической программе и сохраните как PNG.

Будет ли векторизованный SVG работать в HTML-теге img?

Да. Все современные браузеры отображают SVG через <img src="logo.svg"> и чётко масштабируют его до ширины, заданной в CSS. Оставьте включённой опцию Оптимизировать SVG, чтобы файл был небольшим и быстро загружался.

Когда переключаться на черно-белый режим с порогом?

Используйте его для подписей, печатей, рукописного текста и одноцветных логотипов. Каждый пиксель темнее значения Порог (по умолчанию 128) становится чёрным, остальное исчезает, и края получаются самыми чистыми. Если тонкие линии пропадают, уменьшите порог; если фигуры выглядят пятнистыми, увеличьте.

Как получить только контуры для плоттера или режущего плоттера по винилу?

Отметьте Только контуры в разделе Расширенные настройки. Фигуры экспортируются как линии без заливки, и плоттеры и режущие плоттеры следуют им как линиям реза. Если программа вашего станка лучше работает с DXF, выберите DXF в поле Преобразовать в.

Почему после трассировки деталей намного меньше, чем в оригинале?

Трассировка по своей природе упрощает изображение. Увеличьте Детализация, чтобы сохранить мелкие пятна и текстуру, и поднимите Количество цветов до 64 для иллюстраций. Фотографии всё равно превращаются в плоские, плакатные области, потому что векторные фигуры не передают плавные переходы тона; чего ожидать, см. в разделе фото в SVG.