PNG til SVG Vectorizer
Konverter Raster PNG/JPG-bilder til skalerbar vektor SVG-grafikk. Sikker, rask og behandlet helt i nettleseren din.
Dra og slipp PNG/JPG her
Støtter opptil 50 MB
Konverter Raster PNG/JPG-bilder til skalerbar vektor SVG-grafikk. Sikker, rask og behandlet helt i nettleseren din.
Støtter opptil 50 MB
Konvertering av PNG til SVG er grunnleggende en sporingsoperasjon, ikke en formatendring. PNG lagrer piksler; SVG lagrer geometriske primitiver. Å gå fra et pikselrutenett til skalerbare vektorbaner krever tolkning av punktgrafikken og tegning av omtrentlige former rundt områder med lignende farge. Resultatet er virkelig skalerbart - du kan endre størrelse fritt uten pikselering - men det er ikke en perfekt gjengivelse av kilden. Fotografisk innhold spores dårlig fordi hver fargevariasjon på pikselnivå blir en form, og produserer enorme SVG-er som overvinner formålet. Logoer, ikoner, strektegninger og høykontrastgrafikk spores rent fordi de har et lite antall fargeområder med veldefinerte grenser.
Denne omformeren bruker imagetracerjs-biblioteket, en JavaScript-port for vektorsporingsalgoritmer som ligner på potrace. PNG-en dekodes til en RGBA-bitmap, punktgrafikken segmenteres i fargeområder ved hjelp av en konfigurerbar palett, hver regions grense spores inn i en bane, stier forenkles ved hjelp av Bezier-tilnærming, og de resulterende banene sendes ut som SVG-baneelementer. Hele pipelinen kjører i nettleseren din uten serveropplasting.
Sporingsparametere kontrollerer avveiningen mellom troskap og filstørrelse. Flere farger og finere detaljer gir en større SVG som samsvarer nærmere med kilden; færre farger og grovere sporing gir en mindre SVG med en mer stilisert følelse. Standardinnstillingen er innstilt for logoer og ikoner; komplekse bilder kan ha nytte av et sporingspass med justerte innstillinger, eller kan rett og slett ikke være gode kandidater for vektorisering.
Vektorisering av en PNG er mest nyttig når du trenger å skalere bildet utover dets opprinnelige oppløsning. Spesielt logoer kommer ofte som PNG-er i beskjeden størrelse og må fremstå skarpe på reklametavler, netthinneskjermer og storformatutskrifter. Et vektorspor produserer en SVG som skaleres uten tap av kvalitet; avveiningen er troskap til de originale pikslene.
SVG er også betydelig mer kompakt enn PNG for grafikk med få farger og store flate områder. Et PNG-ikon på 256×256 kan være 8 KB; tilsvarende SVG med to eller tre farger er ofte under 1 KB. For UI-ikonbiblioteker levert til et nettgrensesnitt, reduserer vektorversjoner buntstørrelsen og forbedrer skarpheten på alle skjermtettheter.
Slipp en PNG, velg sporingsinnstillinger, generer en SVG.
imagetracerjs implementerer en flertrinns pipeline: fargekvantisering reduserer punktgrafikken til et fast antall farger ved å bruke k-betyr clustering eller median cut; kantdeteksjon identifiserer pikselgrenser mellom regioner; kontursporing følger grenser for å produsere lukkede polygoner; linje-og-kurve-tilpasning tilnærmer polygoner med Bezier-kurver for å redusere banedata.
Algoritmeparametrene som betyr mest er antall farger (typisk: 4–32), pathomit (baner kortere enn så mange piksler blir forkastet som støy), ltres (linjetoleranse – hvor langt en kant kan avvike før den splittes i et nytt segment), og qtres (kvadratisk kurvetoleranse – hvor aggressivt kurver jevnes ut). Standardinnstillingene fungerer bra for logoer; komplekse bilder drar nytte av justering per bilde.
Utgang er standard SVG 1.1 med baneelementer. Hvert fargeområde blir én bane med et fyllattributt. Den resulterende filen åpnes i hvilken som helst nettleser, vektorredigerer eller SVG-bevisst designverktøy. Filstørrelsen avhenger først og fremst av stiantall og nodetetthet; en typisk sporet logo er 1–10 KB.