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
Pretvorite rasterske PNG/JPG slike u skalabilnu vektorsku SVG grafiku. Siguran, brz i u potpunosti se obrađuje unutar vašeg preglednika.
Podržava do 50 MB
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.
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.
Ispustite PNG, odaberite postavke praćenja, generirajte SVG.
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.