Переименовать файл — не значит конвертировать
Если переименовать logo.png в logo.svg, содержимое файла не изменится. Внутри всё те же байты PNG, и программа, которая ждет SVG-код, его не найдет.
SVG, внутри которого PNG лежит в элементе <image>, тоже не вектор. Он открывается как SVG, но картинка остается сеткой пикселей: при увеличении размывается, а векторный редактор или режущий плоттер не может выделить в ней отдельную фигуру. Настоящая конвертация — это трассировка: каждая цветовая область заново строится как замкнутый контур. Как отличить настоящий вектор от вложенного PNG.
Как конвертировать PNG в SVG в png2svg.art
- Загрузите в конвертер PNG, JPG, WebP или HEIC размером до 25 МБ. Изображения больше 2048 px по длинной стороне перед трассировкой уменьшаются до этого размера.
- Выберите пресет: Стандарт (по умолчанию 8 цветов), Cricut / винил (по умолчанию 4 цвета, удаляет фон и сливает фигуры, слишком узкие для резки), Контурный рисунок / трафарет (всегда 2 тона) или Детальная графика (по умолчанию 16 цветов).
- В поле Цветов, до (от 2 до 24) укажите столько цветов, сколько видите на изображении. Это потолок: в плоской графике останутся только те цвета, которые в ней действительно есть.
- Оставьте включенными Плавные кривые. Включите Удалить фон, если изображение лежит на однотонном фоне, который не нужен в SVG.
- Проверьте весь результат в предпросмотре — с водяным знаком, бесплатно и без регистрации (гостям — до 5 в день). Меняйте настройки и векторизуйте заново, пока результат вас не устроит.
- Разблокируйте чистый SVG за 1 кредит (при регистрации вы получаете 3 бесплатных кредита; вход — через Google), а затем скачайте его или откройте в SVG-редакторе.
SVG сгруппирован по объектам: фон (если он есть) и каждый объект — отдельные группы, а внутри объекта каждая фигура — отдельный залитый контур, вложенный по тому, что его окружает. Поэтому в редакторе можно скрыть, сдвинуть или удалить один объект или его часть. Чтобы получить прежнюю схему — один контур на цвет, — выберите в настройках Слои → По цвету. Прозрачные области PNG или WebP остаются прозрачными, а каждый результат проверяется: в нем только векторные контуры, без встроенного растра.
Одно из наших изображений-примеров в PNG (слева) и SVG, который png2svg.art из него сделал (справа): 7 цветов в 33 контурах, белая обводка стикера сохранена.
Как конвертировать PNG в SVG в Inkscape
Inkscape — бесплатный векторный редактор с открытым исходным кодом. Его инструмент векторизации растра работает так:
- Откройте PNG или добавьте его через Файл > Импортировать (File > Import) и выделите инструментом «Выделитель».
- Выберите Контур > Векторизовать растр (Path > Trace Bitmap, Shift+Alt+B).
- Для одноцветного силуэта выберите однократное сканирование (Single scan) с порогом яркости (Brightness cutoff). Для цветной трассировки выберите многократное сканирование (Multiple scans) по цветам (Colors) и задайте число сканирований; в этом режиме есть и удаление фона (Remove background). При многократном сканировании для каждого прохода создается отдельный объект.
- Нажмите «Обновить» (Update), чтобы посмотреть результат, а затем «Применить» (Apply), чтобы создать контуры.
- Результат ляжет поверх растра. Отодвиньте его «Выделителем», проверьте и удалите растровое изображение.
- Сохраните через Файл > Сохранить как… (File > Save As…) и выберите «Обычный SVG» (Plain SVG) — в нем нет служебных данных Inkscape.
Как конвертировать PNG в SVG в Adobe Illustrator
Illustrator — платная программа Adobe. Функция трассировки изображения работает так:
- Выберите Файл > Поместить (File > Place), чтобы добавить PNG в документ, и выделите его.
- Откройте Окно > Трассировка изображения (Window > Image Trace).
- Выберите пресет — например, один из пресетов с числом цветов или «Черно-белый логотип» (Black and White Logo). Для черно-белой трассировки опция «Игнорировать белый» (Ignore White) исключает белые области из результата.
- Нажмите «Разобрать» (Expand) на панели «Управление» или «Свойства». Трассировка превратится в редактируемые сгруппированные контуры; после этого параметры трассировки менять уже нельзя.
- Выберите Файл > Экспорт > Экспортировать как… (File > Export > Export As…) и укажите формат SVG.
Если пропустить «Разобрать», трассировка останется объектом трассировки, а не обычными контурами, поэтому разбирайте ее перед экспортом.
Как превратить PNG в линии реза в Cricut Design Space
Если нужно только вырезать на плоттере Cricut, Design Space может работать с самим PNG:
- Нажмите Upload и откройте PNG или JPG.
- Удалите фон инструментами Select и Erase.
- Выберите Single Layer для одноцветной резки или Flat Graphic для Print Then Cut, затем дайте изображению имя и загрузите его.
Cricut время от времени переименовывает эти опции, так что надписи на вашем экране могут немного отличаться. Чтобы разложить плоское изображение на несколько цветовых слоев функцией Convert to Layers, нужна подписка Cricut Access. Трассировка png2svg.art, сгруппированная по объектам, где каждая фигура — отдельный контур, загружается как сгруппированное изображение, слои которого можно разгруппировать: см. PNG в SVG для Cricut и Silhouette.
Какой способ выбрать
| Способ | Подходит, когда | Учтите |
|---|---|---|
| png2svg.art | Многоцветные логотипы и плоская графика, векторизация онлайн без установки | Предпросмотр с водяным знаком бесплатный; чистый SVG стоит 1 кредит |
| Inkscape | Нужен бесплатный настольный инструмент, хочется настроить трассировку или править узлы | Больше настроек, в которых нужно разобраться |
| Adobe Illustrator | Вы уже им пользуетесь | Разберите трассировку перед экспортом |
| Cricut Design Space | Нужна только одноцветная резка или Print Then Cut | Вы получаете линии реза внутри Design Space, а не файл SVG |
Вопросы
Сохраняется ли при конвертации прозрачный фон?
В png2svg.art — да, для PNG и WebP: векторизуются только пиксели с непрозрачностью больше половины, поэтому прозрачные области остаются прозрачными, а в SVG нет прямоугольника фона. В JPG прозрачности нет; включите «Удалить фон», чтобы убрать однотонный фон. Подробнее — в руководстве «Сохраняется ли прозрачный фон при конвертации PNG в SVG»
Можно ли сохранить цвета?
До 24 плоских цветов, с группировкой по объектам, каждая фигура — отдельный контур. Тени и градиенты превращаются в плоские цветовые полосы. Сколько цветов должно быть в векторизованном SVG.
Можно ли конвертировать PNG в SVG без потери качества?
Трассировка перерисовывает изображение, а не конвертирует его без потерь. Плоские логотипы и иконки получаются очень близкими к оригиналу и дальше масштабируются без размытия. Фото и градиенты теряют детали, потому что сводятся максимум к 24 плоским цветам. Деталей, которых нет в маленьком PNG, трассировка не добавит.
Это бесплатно?
В png2svg.art предпросмотр с водяным знаком бесплатный и без регистрации, а чистый SVG стоит 1 кредит (при регистрации вы получаете 3 бесплатных кредита). Inkscape — бесплатная программа, Illustrator — платная.