Gratis konverter

PNG til SVG Vectorizer

Konverter Raster PNG/JPG-billeder til skalerbar vektor SVG-grafik. Sikker, hurtig og behandlet udelukkende i din browser.

Træk og slip PNG/JPG her

Understøtter op til 50 MB

Eller

Om dette værktøj

Konvertering af PNG til SVG er grundlæggende en sporingsoperation, ikke en formatændring. PNG gemmer pixels; SVG lagrer geometriske primitiver. At gå fra et pixelgitter til skalerbare vektorstier kræver fortolkning af bitmap og tegning af tilnærmede former omkring områder med lignende farve. Resultatet er virkelig skalerbart - du kan ændre størrelsen frit uden pixelering - men det er ikke en perfekt gengivelse af kilden. Fotografisk indhold spores dårligt, fordi hver farvevariation på pixelniveau bliver en form, der producerer enorme SVG'er, der besejrer formålet. Logoer, ikoner, streggrafik og grafik med høj kontrast spores rent, fordi de har et lille antal farveområder med veldefinerede grænser.

Denne konverter bruger imagetracerjs-biblioteket, en JavaScript-port af vektorsporingsalgoritmer, der ligner potrace. PNG'en afkodes til en RGBA-bitmap, bitmap'et segmenteres i farveområder ved hjælp af en konfigurerbar palette, hver regions grænse spores ind i en sti, stier forenkles ved hjælp af Bezier-tilnærmelse, og de resulterende stier udsendes som SVG-stielementer. Hele pipelinen kører i din browser uden nogen serverupload.

Sporingsparametre styrer afvejningen mellem troskab og filstørrelse. Flere farver og finere detaljer producerer en større SVG, der passer bedre til kilden; færre farver og grovere sporing giver en mindre SVG med en mere stiliseret fornemmelse. Standarder er indstillet til logoer og ikoner; komplekse billeder kan have gavn af et sporingspas med justerede indstillinger, eller måske er de simpelthen ikke gode kandidater til vektorisering.

Hvorfor konvertere PNG til SVG

Vektorisering af en PNG er mest nyttig, når du skal skalere billedet ud over dets oprindelige opløsning. Især logoer ankommer ofte som PNG'er i beskeden størrelse og skal fremstå sprøde på reklametavler, nethindeskærme og udskrifter i stort format. Et vektorspor producerer en SVG, der skaleres uden kvalitetstab; afvejningen er troskab til de originale pixels.

SVG er også væsentligt mere kompakt end PNG til grafik med få farver og store flade områder. Et PNG-ikon på 256×256 kan være 8 KB; den tilsvarende SVG med to eller tre farver er ofte under 1 KB. For UI-ikonbiblioteker, der leveres til en webfrontend, reducerer vektorversioner bundtstørrelsen og forbedrer skarpheden på alle skærmtætheder.

Sådan bruger du det

Slip en PNG, vælg sporingsindstillinger, generer en SVG.

  1. Upload din PNG: Træk filen til upload-området, eller klik for at gennemse. De bedste resultater kommer fra PNG'er med skarpe kanter og et lille antal forskellige farver - logoer, ikoner, stregtegninger, enkle illustrationer. Fotografier spores dårligt og producerer enorme SVG'er.
  2. Juster sporingsmuligheder, hvis det er nødvendigt: Farveantal styrer, hvor mange forskellige farver der vises i outputtet. Stiforenkling (også kaldet ltres eller qtres) styrer, hvor aggressivt algoritmen udglatter hjørner. Højere præcision producerer SVG'er tættere på kilden, men med flere stidata.
  3. Spor og preview: Imagetracerjs-algoritmen kører gennem farvekvantisering, kantdetektion, kontursporing og Bezier-tilpasning. Sporing af tidsskalaer med billedstørrelse og antallet af farver. Et 256×256 logo med 4 farver spores på under et sekund; et 1024×1024 billede med 16 farver kan tage flere sekunder.
  4. Download SVG: Gem SVG på din enhed. Filen indeholder XML-markering med stielementer; du kan åbne den i en hvilken som helst teksteditor for at inspicere eller håndjustere resultatet.

Almindelige anvendelsestilfælde

Tekniske detaljer

imagetracerjs implementerer en flertrins pipeline: farvekvantisering reducerer bitmap til et fast antal farver ved hjælp af k-betyder klyngedannelse eller median cut; kantdetektion identificerer pixelgrænser mellem områder; kontursporing følger grænser for at producere lukkede polygoner; linje-og-kurve tilpasning tilnærmer polygoner med Bezier-kurver for at reducere stidata.

Algoritmeparametrene, der betyder mest, er antallet af farver (typisk: 4-32), pathomit (baner, der er kortere end så mange pixels, kasseres som støj), ltres (linjetolerance - hvor langt en kant kan afvige, før den opdeles i et nyt segment) og qtres (kvadratisk kurvetolerance - hvor aggressivt kurver udjævnes). Standardindstillingerne fungerer godt for logoer; komplekse billeder drager fordel af justering pr. billede.

Output er standard SVG 1.1 med stielementer. Hvert farveområde bliver én sti med en udfyldningsattribut. Den resulterende fil åbnes i enhver browser, vektoreditor eller SVG-bevidst designværktøj. Filstørrelsen afhænger primært af stiantal og nodedensitet; et typisk sporet logo er 1-10 KB.

Bedste praksis

Ofte stillede spørgsmål

Vil SVG-outputtet være en ægte vektorfil?
Værktøjet sporer rasterbilledet for at skabe vektorbaner. Resultater fungerer bedst med enkel grafik, logoer og stregtegninger. Fotografier vil producere komplekse stier og ser muligvis ikke ud som forventet.
Hvad adskiller SVG fra andre billedformater?
SVG er et vektorformat — billeder beskrives som matematiske former i stedet for pixels. Dette betyder, at SVG-filer skaleres til enhver størrelse uden at miste kvalitet, og de er typisk meget mindre end rasterbilleder til grafik som logoer og ikoner.
Er der nogen begrænsninger, man skal være opmærksom på?
Filer på op til 50 MB understøttes. Meget store eller komplekse filer kan tage længere tid at behandle. Al konvertering sker i din browser, så behandlingshastigheden afhænger af din enhed.
Holdes mine billeder private under konverteringen?
Ja. Dine PNG-filer behandles udelukkende i din browser ved hjælp af Canvas API og JavaScript. Intet uploades til nogen server - filen går direkte fra din enhed til konverteren og tilbage til din enhed.
Kan sporingen redigeres i Illustrator eller Inkscape?
Ja. Outputtet er standard SVG med stielementer. Både Illustrator og Inkscape åbner det indbygget og lader dig redigere stierne, ændre farver og forfine resultatet.
Er min PNG uploadet til en server?
Nej. Sporingen sker i din browser ved hjælp af imagetracerjs. Filen forlader ikke din enhed.
Hvorfor er min SVG-fil enorm?
Normalt fordi kildebilledet har for mange farver eller for mange fine detaljer. Prøv at reducere farveantallet, øge stiforenklingen eller bruge et andet kildebillede med renere geometri.
Kan jeg spore en PNG med gennemsigtighed?
Ja. Gennemsigtige pixels bliver områder uden stier i SVG. Den gennemsigtige baggrund bevares, når SVG'et gengives på en hvilken som helst baggrundsfarve.