Ingyenes konverter

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

Vagy

Az eszközről

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.

Miért konvertálja a PNG-t SVG-vé?

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.

Használati útmutató

Dobjon el egy PNG-t, válassza ki a nyomkövetési beállításokat, és hozzon létre egy SVG-t.

  1. Töltse fel PNG-jét: Húzza a fájlt a feltöltési területre, vagy kattintson a böngészéshez. A legjobb eredményeket az éles szélekkel és kis számú elkülönülő színnel – logók, ikonok, vonalas rajzok, egyszerű illusztrációkkal – rendelkező PNG-fájlok adják. A fényképek rosszul nyomon követhetők, és hatalmas SVG-ket készítenek.
  2. Szükség esetén módosítsa a nyomkövetési beállításokat: A színek száma szabályozza, hogy hány különböző szín jelenjen meg a kimenetben. Az útvonal egyszerűsítése (más néven ltres vagy qtres) szabályozza, hogy az algoritmus milyen agresszíven simítsa ki a sarkokat. A nagyobb pontosság a forráshoz közelebb, de több útvonaladattal állítja elő az SVG-ket.
  3. Nyomon követés és előnézet: Az imagetracerjs algoritmus színkvantáláson, élészlelésen, kontúrkövetésön és Bezier illesztésen fut végig. Nyomkövetési időskálák képmérettel és színek számával. Egy 256 × 256-os logó 4 színnel egy másodperc alatt; egy 1024×1024 kép 16 színnel több másodpercet is igénybe vehet.
  4. Töltse le az SVG-t: Mentse el az SVG-t a készülékére. A fájl XML jelölést tartalmaz elérési út elemekkel; bármelyik szövegszerkesztőben megnyithatja az eredmény ellenőrzéséhez vagy kézi hangolásához.

Gyakori használati esetek

Műszaki részletek

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.

Legjobb gyakorlatok

Gyakran ismételt kérdések

Az SVG kimenet valódi vektorfájl lesz?
Az eszköz nyomon követi a raszterképet a vektoros útvonalak létrehozásához. Az eredmények egyszerű grafikákkal, logókkal és vonalas rajzokkal működnek a legjobban. A fényképek bonyolult útvonalakat eredményeznek, és előfordulhat, hogy nem úgy néznek ki, ahogyan azt várnánk.
Miben különbözik az SVG a többi képformátumtól?
Az SVG egy vektoros formátum – a képeket matematikai alakzatként írják le, nem pedig pixelként. Ez azt jelenti, hogy az SVG-fájlok bármilyen méretre méretezhetők a minőség romlása nélkül, és általában sokkal kisebbek, mint a raszteres képek, például logók és ikonok esetében.
Vannak-e korlátozások, amelyekkel tisztában kell lenni?
A fájlok legfeljebb 50 MB-ig támogatottak. A nagyon nagy vagy összetett fájlok feldolgozása tovább tarthat. Minden átalakítás a böngészőben történik, így a feldolgozás sebessége az eszköztől függ.
A képeim titkosak maradnak az átalakítás során?
Igen. A PNG-fájlok feldolgozása teljes egészében a böngészőben történik a Canvas API és a JavaScript használatával. Semmi sem töltődik fel egyetlen szerverre sem – a fájl közvetlenül az eszközről a konverterre kerül, majd vissza az eszközre.
Szerkeszthető a nyomkövetés az Illustratorban vagy az Inkscape-ben?
Igen. A kimenet szabványos SVG útvonal elemekkel. Az Illustrator és az Inkscape is natív módon nyitja meg, és lehetővé teszi az útvonalak szerkesztését, a színek megváltoztatását és az eredmény finomítását.
Fel van töltve a PNG-m egy szerverre?
Nem. A nyomkövetés a böngészőjében történik az imagetracerjs használatával. A fájl nem hagyja el az eszközt.
Miért hatalmas az SVG fájlom?
Általában azért, mert a forráskép túl sok színt vagy túl sok finom részletet tartalmaz. Csökkentse a színek számát, növelje az útvonal egyszerűsítését, vagy használjon másik, tisztább geometriájú forrásképet.
Nyomon követhetek egy PNG-t átlátszósággal?
Igen. Az átlátszó képpontok útvonalak nélküli területekké válnak az SVG-ben. Az átlátszó háttér megmarad, ha az SVG-t bármilyen háttérszínen rendereli.