PNG to SVG Vectorizer
Konvertálja a raszteres PNG/JPG képeket méretezhető vektoros SVG grafikává. Biztonságos, gyors és teljes mértékben a böngészőn belül feldolgozható.
Drag & Drop PNG/JPG ide
50 MB-ig támogat
Konvertálja a raszteres PNG/JPG képeket méretezhető vektoros SVG grafikává. Biztonságos, gyors és teljes mértékben a böngészőn belül feldolgozható.
50 MB-ig támogat
A PNG SVG-vé konvertálása alapvetően egy nyomkövetési művelet, nem pedig formátumváltás. A PNG pixeleket tárol; Az SVG geometriai primitíveket tárol. A pixelrácsról a skálázható vektorpályákra való átlépéshez a bittérkép értelmezésére és a hasonló színű régiók köré közelítő alakzatok rajzolására van szükség. Az eredmény valóban méretezhető – szabadon átméretezhető pixelezés nélkül –, de ez nem a forrás tökéletes reprodukciója. A fényképes tartalom rosszul nyomon követhető, mivel minden pixelszintű színváltozat formává válik, és hatalmas SVG-ket eredményez, amelyek meghiúsítják a célt. A logók, ikonok, vonalas rajzok és a nagy kontrasztú grafikák tisztán nyomon követhetők, mert kis számú színterületük van jól meghatározott határvonalakkal.
Ez a konverter az imagetracerjs könyvtárat használja, amely a potrace-hez hasonló vektorkövető algoritmusok JavaScript portja. A PNG-t RGBA bittérképgé dekódolják, a bittérképet egy konfigurálható paletta segítségével színrégiókra szegmentálják, az egyes régiók határait egy útvonalba nyomják, az útvonalakat Bezier-közelítéssel egyszerűsítik, és az így kapott útvonalakat SVG útvonalelemekként bocsátják ki. A teljes folyamat a böngészőben fut, szerver feltöltése nélkül.
A nyomkövetési paraméterek szabályozzák a hűség és a fájlméret közötti kompromisszumot. Több szín és finomabb részlet nagyobb SVG-t eredményez, amely jobban illeszkedik a forráshoz; kevesebb szín és durvább nyomkövetés kisebb SVG-t eredményez, stilizáltabb érzéssel. Az alapértelmezett beállítások a logókhoz és ikonokhoz vannak hangolva; Az összetett képek számára előnyös lehet a módosított beállításokkal rendelkező nyomkövetési lépés, vagy egyszerűen nem alkalmasak vektorizálásra.
A PNG vektorizálása akkor a leghasznosabb, ha a képet az eredeti felbontáson túl kell méretezni. A logók különösen gyakran PNG-ként érkeznek szerény méretben, és élesen kell megjelenniük a hirdetőtáblákon, a retina kijelzőkön és a nagy formátumú nyomatokon. A vektoros nyomkövetés minőségromlás nélkül skálázódó SVG-t hoz létre; a kompromisszum az eredeti pixelekhez való hűség.
Az SVG emellett lényegesen kompaktabb, mint a PNG a kevés színnel és nagy lapos területekkel rendelkező grafikákhoz. A 256×256-os PNG ikon 8 KB lehet; az egyenértékű SVG két vagy három színnel gyakran 1 KB alatt van. A webes előtérbe szállított UI ikonkönyvtárak esetében a vektoros verziók csökkentik a köteg méretét és javítják az élességet minden megjelenítési sűrűségen.
Dobjon el egy PNG-t, válassza ki a nyomkövetési beállításokat, és hozzon létre egy SVG-t.
Az imagetracerjs egy többlépcsős folyamatot valósít meg: a színkvantálás a bitképet meghatározott számú színre csökkenti k-közép klaszterezés vagy medián vágás segítségével; az élérzékelés azonosítja a régiók közötti pixelhatárokat; a kontúrkövetés követi a határokat, hogy zárt sokszögeket hozzon létre; A vonal és görbe illesztése a sokszögeket Bezier-görbékkel közelíti az útvonaladatok csökkentése érdekében.
Az algoritmus legfontosabb paraméterei a színek száma (tipikus: 4–32), a patomit (az ennél rövidebb utak zajként el lesznek vetve), az ltres (vonaltűrés – mennyivel térhet el egy él, mielőtt új szegmensre bontják) és a qtres (négyzetes görbe tűrés – mennyire agresszívak a görbék). Az alapértelmezett beállítások jól működnek a logóknál; Az összetett képek számára előnyös a képenkénti hangolás.
A kimenet szabványos SVG 1.1 útvonalelemekkel. Minden színrégió egy kitöltési attribútummal rendelkező útvonal lesz. Az eredményül kapott fájl bármelyik böngészőben, vektorszerkesztőben vagy SVG-t ismerő tervezőeszközben megnyílik. A fájl mérete elsősorban az útvonalak számától és a csomópontok sűrűségétől függ; egy tipikus nyomkövető logó 1–10 KB.