Gratis omformer

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

Eller

Om dette verktøyet

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.

Hvorfor konvertere PNG til SVG

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.

Slik bruker du det

Slipp en PNG, velg sporingsinnstillinger, generer en SVG.

  1. Last opp din PNG: Dra filen til opplastingsområdet eller klikk for å bla. De beste resultatene kommer fra PNG-er med skarpe kanter og et lite antall distinkte farger – logoer, ikoner, strektegninger, enkle illustrasjoner. Fotografier sporer dårlig og produserer enorme SVG-er.
  2. Juster sporingsalternativer om nødvendig: Fargeteller kontrollerer hvor mange forskjellige farger som vises i utskriften. Baneforenkling (også kalt ltres eller qtres) kontrollerer hvor aggressivt algoritmen jevner ut hjørner. Høyere presisjon produserer SVG-er nærmere kilden, men med flere banedata.
  3. Spor og forhåndsvis: Imagetracerjs-algoritmen går gjennom fargekvantisering, kantdeteksjon, kontursporing og Bezier-tilpasning. Spore tidsskalaer med bildestørrelse og antall farger. En 256×256-logo med 4 farger spores på under ett sekund; et 1024×1024 bilde med 16 farger kan ta flere sekunder.
  4. Last ned SVG: Lagre SVG på enheten din. Filen inneholder XML-oppmerking med baneelementer; du kan åpne den i et hvilket som helst tekstredigeringsprogram for å inspisere eller håndjustere resultatet.

Vanlige brukstilfeller

Tekniske detaljer

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.

Beste praksis

Ofte stilte spørsmål

Vil SVG-utdata være en ekte vektorfil?
Verktøyet sporer rasterbildet for å lage vektorbaner. Resultatene fungerer best med enkel grafikk, logoer og strektegninger. Fotografier vil produsere komplekse baner og ser kanskje ikke ut som forventet.
Hva skiller SVG fra andre bildeformater?
SVG er et vektorformat - bilder beskrives som matematiske former i stedet for piksler. Dette betyr at SVG-filer skaleres til alle størrelser uten å miste kvalitet, og de er vanligvis mye mindre enn rasterbilder for grafikk som logoer og ikoner.
Er det noen begrensninger å være klar over?
Filer på opptil 50 MB støttes. Svært store eller komplekse filer kan ta lengre tid å behandle. All konvertering skjer i nettleseren din, så behandlingshastigheten avhenger av enheten din.
Holdes bildene mine private under konvertering?
Ja. PNG-filene dine behandles utelukkende i nettleseren din ved hjelp av Canvas API og JavaScript. Ingenting lastes opp til noen server - filen går direkte fra enheten din til konverteren og tilbake til enheten din.
Er sporet redigerbart i Illustrator eller Inkscape?
Ja. Utgangen er standard SVG med baneelementer. Både Illustrator og Inkscape åpner det naturlig og lar deg redigere banene, endre farger og avgrense resultatet.
Er min PNG lastet opp til en server?
Nei. Sporingen skjer i nettleseren din ved hjelp av imagetracerjs. Filen forlater ikke enheten.
Hvorfor er SVG-filen min enorm?
Vanligvis fordi kildebildet har for mange farger eller for mange fine detaljer. Prøv å redusere fargeantallet, øke baneforenklingen, eller bruk et annet kildebilde med renere geometri.
Kan jeg spore en PNG med åpenhet?
Ja. Gjennomsiktige piksler blir områder uten baner i SVG. Den gjennomsiktige bakgrunnen bevares når SVG-en gjengis på en hvilken som helst bakgrunnsfarge.