Besplatni pretvarač

PNG u SVG vektorizator

Pretvorite rasterske PNG/JPG slike u skalabilnu vektorsku SVG grafiku. Siguran, brz i u potpunosti se obrađuje unutar vašeg preglednika.

Povucite i ispustite PNG/JPG ovdje

Podržava do 50 MB

Ili

O ovom alatu

Pretvaranje PNG-a u SVG u osnovi je operacija praćenja, a ne promjena formata. PNG pohranjuje piksele; SVG pohranjuje geometrijske primitive. Prelazak s mreže piksela na skalabilne vektorske staze zahtijeva tumačenje bitmape i crtanje aproksimirajućih oblika oko područja slične boje. Rezultat je uistinu skalabilan — možete slobodno mijenjati veličinu bez pikselizacije — ali to nije savršena reprodukcija izvora. Fotografski sadržaj slabo se prati jer svaka varijacija boje na razini piksela postaje oblik, stvarajući ogromne SVG-ove koji poništavaju svrhu. Logotipi, ikone, crteži i grafike visokog kontrasta ocrtavaju se čisto jer imaju mali broj područja boja s dobro definiranim granicama.

Ovaj pretvarač koristi biblioteku imagetracerjs, JavaScript priključak algoritama za praćenje vektora sličnih potraceu. PNG se dekodira u RGBA bitmapu, bitmapa se segmentira u područja boja pomoću palete koja se može konfigurirati, granica svake regije ucrtava se u stazu, staze se pojednostavljuju korištenjem Bezierove aproksimacije, a rezultirajuće staze emitiraju se kao SVG elementi staze. Cijeli cjevovod radi u vašem pregledniku bez učitavanja na poslužitelj.

Parametri praćenja kontroliraju kompromis između vjernosti i veličine datoteke. Više boja i finiji detalji proizvode veći SVG koji više odgovara izvoru; manje boja i grublje crtanje stvaraju manji SVG s više stiliziranog dojma. Zadane postavke su podešene za logotipe i ikone; složene slike mogu imati koristi od prolaza praćenja s prilagođenim postavkama ili jednostavno nisu dobri kandidati za vektorizaciju.

Zašto pretvoriti PNG u SVG

Vektorizacija PNG-a je najkorisnija kada trebate povećati veličinu slike izvan izvorne rezolucije. Logotipi posebno često dolaze kao PNG-ovi u skromnoj veličini i trebaju izgledati jasno na reklamnim panoima, retina zaslonima i ispisima velikog formata. Vektorski trag proizvodi SVG koji se skalira bez gubitka kvalitete; kompromis je vjernost izvornim pikselima.

SVG je također znatno kompaktniji od PNG-a za grafiku s malo boja i velikim ravnim područjima. PNG ikona veličine 256 × 256 može imati 8 KB; ekvivalentni SVG s dvije ili tri boje često je ispod 1 KB. Za biblioteke ikona korisničkog sučelja koje se dostavljaju web sučelju, vektorske verzije smanjuju veličinu paketa i poboljšavaju oštrinu na svim gustoćama prikaza.

Kako koristiti

Ispustite PNG, odaberite postavke praćenja, generirajte SVG.

  1. Učitajte svoj PNG: Povucite datoteku u područje za učitavanje ili kliknite za pregledavanje. Najbolji rezultati postižu se s PNG-ovima s oštrim rubovima i malim brojem različitih boja — logotipi, ikone, crteži, jednostavne ilustracije. Fotografije loše ocrtavaju i stvaraju ogromne SVG-ove.
  2. Po potrebi prilagodite opcije praćenja: Broj boja kontrolira koliko se različitih boja pojavljuje u ispisu. Pojednostavljenje staze (također nazvano ltres ili qtres) kontrolira koliko agresivno algoritam izglađuje kutove. Veća preciznost stvara SVG-ove bliže izvoru, ali s više podataka o putanji.
  3. Trag i pregled: Algoritam imagetracerjs prolazi kroz kvantizaciju boja, otkrivanje rubova, praćenje kontura i Bezierovo prilagođavanje. Praćenje vremenskih ljestvica s veličinom slike i brojem boja. Logo 256×256 s tragovima 4 boje za manje od jedne sekunde; slika 1024×1024 sa 16 boja može potrajati nekoliko sekundi.
  4. Preuzmite SVG: Spremite SVG na svoj uređaj. Datoteka sadrži XML oznake s elementima staze; možete ga otvoriti u bilo kojem uređivaču teksta kako biste pregledali ili ručno podesili rezultat.

Uobičajeni slučajevi upotrebe

Tehnički detalji

imagetracerjs implementira višestupanjski cjevovod: kvantizacija boja reducira bitmapu na fiksni broj boja korištenjem k-means klasteriranja ili srednjeg rezanja; otkrivanje rubova identificira granice piksela između regija; praćenje obrisa slijedi granice kako bi se proizveli zatvoreni poligoni; line-and-curve fitting aproksimira poligone Bezierovim krivuljama kako bi se smanjili podaci o putanji.

Parametri algoritma koji su najvažniji su broj boja (tipično: 4–32), pathomit (staze kraće od ovoliko piksela odbacuju se kao šum), ltres (tolerancija linije — koliko daleko rub može odstupiti prije nego što se podijeli u novi segment) i qtres (tolerancija kvadratne krivulje — koliko su agresivno krivulje izglađene). Zadane vrijednosti dobro funkcioniraju za logotipe; složene slike imaju koristi od podešavanja po slikama.

Izlaz je standardni SVG 1.1 s elementima staze. Svaka regija boje postaje jedna staza s atributom ispune. Rezultirajuća datoteka otvara se u bilo kojem pregledniku, vektorskom uređivaču ili alatu za dizajn koji podržava SVG. Veličina datoteke prvenstveno ovisi o broju staza i gustoći čvorova; tipični iscrtani logotip je 1-10 KB.

Najbolji primjeri iz prakse

Često postavljana pitanja

Hoće li SVG izlaz biti prava vektorska datoteka?
Alat prati rastersku sliku kako bi stvorio vektorske staze. Rezultati najbolje funkcioniraju s jednostavnom grafikom, logotipima i crtežima. Fotografije će proizvesti složene staze i možda neće izgledati onako kako se očekuje.
Po čemu se SVG razlikuje od ostalih formata slika?
SVG je vektorski format — slike se opisuju kao matematički oblici, a ne kao pikseli. To znači da se SVG datoteke skaliraju na bilo koju veličinu bez gubitka kvalitete i obično su puno manje od rasterskih slika za grafiku poput logotipa i ikona.
Postoje li neka ograničenja kojih treba biti svjestan?
Podržane su datoteke do 50 MB. Obrada vrlo velikih ili složenih datoteka može potrajati dulje. Sve pretvorbe odvijaju se u vašem pregledniku, tako da brzina obrade ovisi o vašem uređaju.
Jesu li moje slike privatne tijekom pretvorbe?
da Vaše PNG datoteke u potpunosti se obrađuju unutar vašeg preglednika pomoću Canvas API-ja i JavaScripta. Ništa se ne učitava ni na jedan poslužitelj — datoteka ide izravno s vašeg uređaja u pretvarač i natrag na vaš uređaj.
Može li se trag uređivati u Illustratoru ili Inkscapeu?
da Izlaz je standardni SVG s elementima staze. I Illustrator i Inkscape otvaraju ga nativno i omogućuju vam uređivanje staza, promjenu boja i pročišćavanje rezultata.
Je li moj PNG prenesen na poslužitelj?
Ne. Praćenje se događa u vašem pregledniku koristeći imagetracerjs. Datoteka ne napušta vaš uređaj.
Zašto je moja SVG datoteka ogromna?
Obično zato što izvorna slika ima previše boja ili previše finih detalja. Pokušajte smanjiti broj boja, povećati pojednostavljenje putanje ili koristiti drugu izvornu sliku s čišćom geometrijom.
Mogu li pratiti PNG s prozirnošću?
da Prozirni pikseli postaju područja bez staza u SVG-u. Prozirna pozadina je sačuvana kada se SVG prikazuje u bilo kojoj boji pozadine.