Безплатен конвертор

PNG към SVG векторизатор

Конвертирайте растерни PNG/JPG изображения в мащабируеми векторни SVG графики. Сигурен, бърз и обработван изцяло във вашия браузър.

Плъзнете и пуснете PNG/JPG тук

Поддържа до 50 MB

или

За този инструмент

Конвертирането на PNG в SVG по същество е операция за проследяване, а не промяна на формат. PNG съхранява пиксели; SVG съхранява геометрични примитиви. Преминаването от пикселна мрежа към мащабируеми векторни пътеки изисква интерпретиране на растерното изображение и рисуване на приближени форми около области с подобен цвят. Резултатът е наистина мащабируем - можете да преоразмерявате свободно без пикселизация - но не е перфектно възпроизвеждане на източника. Фотографското съдържание се проследява лошо, тъй като всяка цветова вариация на ниво пиксел се превръща във форма, създавайки огромни SVG файлове, които нарушават целта. Логота, икони, линейни графики и графики с висок контраст очертават чисто, защото имат малък брой цветни области с добре дефинирани граници.

Този конвертор използва библиотеката imagetracerjs, JavaScript порт на алгоритми за векторно проследяване, подобни на potrace. PNG се декодира в RGBA растерно изображение, растерното изображение се сегментира на цветни региони с помощта на конфигурируема палитра, границата на всеки регион се проследява в пътека, пътеките се опростяват с помощта на приближението на Безие и получените пътища се излъчват като SVG елементи на пътя. Целият тръбопровод се изпълнява във вашия браузър без никакво качване на сървъра.

Параметрите за проследяване контролират компромиса между точността и размера на файла. Повече цветове и по-фини детайли създават по-голям SVG, който по-точно съответства на източника; по-малкото цветове и по-грубото трасиране създават по-малък SVG с по-стилизирано усещане. Стандартните настройки са настроени за лога и икони; сложните изображения може да се възползват от преминаване на проследяване с коригирани настройки или може просто да не са добри кандидати за векторизация.

Защо да конвертирате PNG в SVG

Векторизирането на PNG е най-полезно, когато трябва да мащабирате изображението над оригиналната му резолюция. Логотата по-специално често пристигат като PNG със скромен размер и трябва да изглеждат отчетливи на билбордове, ретина дисплеи и широкоформатни разпечатки. Векторна трасировка създава SVG, който се мащабира без загуба на качество; компромисът е вярност към оригиналните пиксели.

SVG също е значително по-компактен от PNG за графики с малко цветове и големи плоски области. PNG икона при 256×256 може да е 8 KB; еквивалентният SVG с два или три цвята често е под 1 KB. За библиотеки с икони на потребителския интерфейс, доставени на уеб интерфейс, векторните версии намаляват размера на пакета и подобряват рязкостта при всички плътности на дисплея.

Как да използвате

Пуснете PNG, изберете настройки за проследяване, генерирайте SVG.

  1. Качете своя PNG: Плъзнете файла в областта за качване или щракнете, за да прегледате. Най-добри резултати идват от PNG с остри ръбове и малък брой различни цветове - лога, икони, щрихови изображения, прости илюстрации. Снимките проследяват лошо и създават огромни SVG файлове.
  2. Коригирайте опциите за проследяване, ако е необходимо: Броят на цветовете контролира колко различни цвята се появяват в изхода. Опростяването на пътя (наричано също ltres или qtres) контролира колко агресивно алгоритъмът изглажда ъглите. По-високата точност създава SVG файлове по-близо до източника, но с повече данни за пътя.
  3. Проследяване и преглед: Алгоритъмът imagetracerjs преминава през квантуване на цветовете, откриване на ръбове, проследяване на контури и напасване на Безие. Проследяване на времеви мащаби с размера на изображението и броя на цветовете. Лого 256 × 256 с 4 цвята следи за по-малко от секунда; изображение 1024×1024 с 16 цвята може да отнеме няколко секунди.
  4. Изтеглете SVG: Запазете SVG на вашето устройство. Файлът съдържа XML маркиране с елементи на пътя; можете да го отворите във всеки текстов редактор, за да проверите или ръчно да настроите резултата.

Обичайни случаи на употреба

Технически подробности

imagetracerjs прилага многоетапен конвейер: квантизирането на цветовете намалява растерното изображение до фиксиран брой цветове, използвайки групиране на k-означава или средно изрязване; откриването на ръбове идентифицира границите на пикселите между регионите; контурното проследяване следва границите, за да създаде затворени полигони; напасването на линия и крива апроксимира полигони с криви на Безие, за да намали данните за пътя.

Параметрите на алгоритъма, които имат най-голямо значение, са брой цветове (типично: 4–32), pathomit (пътища, по-къси от този брой пиксели, се отхвърлят като шум), ltres (толеранс на линията — колко далеч един ръб може да се отклони, преди да бъде разделен на нов сегмент) и qtres (толеранс на квадратична крива — колко агресивно се изглаждат кривите). Стандартните настройки работят добре за лога; сложните изображения се възползват от настройката за всяко изображение.

Изходът е стандартен SVG 1.1 с елементи на пътя. Всеки цветен регион се превръща в един път с атрибут за запълване. Полученият файл се отваря във всеки браузър, векторен редактор или инструмент за проектиране, поддържащ SVG. Размерът на файла зависи основно от броя на пътищата и плътността на възлите; типично проследено лого е 1–10 KB.

Най-добри практики

Често задавани въпроси

SVG изходът ще бъде ли истински векторен файл?
Инструментът проследява растерното изображение, за да създаде векторни пътеки. Резултатите работят най-добре с прости графики, лога и щрихови изображения. Снимките ще създадат сложни пътеки и може да не изглеждат както се очаква.
Какво прави SVG различен от другите графични формати?
SVG е векторен формат — изображенията се описват като математически форми, а не като пиксели. Това означава, че SVG файловете се мащабират до произволен размер, без да губят качество, и обикновено са много по-малки от растерните изображения за графики като лога и икони.
Има ли някакви ограничения, за които трябва да знаете?
Поддържат се файлове до 50 MB. Обработката на много големи или сложни файлове може да отнеме повече време. Цялото преобразуване се извършва във вашия браузър, така че скоростта на обработка зависи от вашето устройство.
Моите изображения запазват ли се поверителни по време на конвертирането?
да Вашите PNG файлове се обработват изцяло във вашия браузър с помощта на Canvas API и JavaScript. Нищо не се качва на сървър — файлът отива директно от вашето устройство към конвертора и обратно към вашето устройство.
Следата може ли да се редактира в Illustrator или Inkscape?
да Резултатът е стандартен SVG с елементи на пътя. И Illustrator, и Inkscape го отварят естествено и ви позволяват да редактирате пътищата, да променяте цветовете и да прецизирате резултата.
Моят PNG качен ли е на сървър?
Не. Проследяването се извършва във вашия браузър с помощта на imagetracerjs. Файлът не напуска вашето устройство.
Защо моят SVG файл е огромен?
Обикновено, защото изходното изображение има твърде много цветове или твърде много фини детайли. Опитайте да намалите броя на цветовете, да увеличите опростяването на пътя или да използвате различно изходно изображение с по-чиста геометрия.
Мога ли да проследя PNG с прозрачност?
да Прозрачните пиксели стават области без пътища в SVG. Прозрачният фон се запазва, когато SVG се визуализира на произволен фонов цвят.