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
Konverter Raster PNG/JPG-billeder til skalerbar vektor SVG-grafik. Sikker, hurtig og behandlet udelukkende i din browser.
Understøtter op til 50 MB
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.
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.
Slip en PNG, vælg sporingsindstillinger, generer en SVG.
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.