Tasuta konverter

PNG-le SVG vektoriseerija

Teisendage raster-PNG/JPG-pildid skaleeritavaks vektor-SVG-graafikaks. Turvaline, kiire ja täielikult teie brauseris töödeldav.

Lohistage PNG/JPG siia

Toetab kuni 50 MB

Või

Sellest tööriistast

PNG-vormingus teisendamine SVG-ks on põhimõtteliselt jälgimistoiming, mitte vormingu muutmine. PNG salvestab piksleid; SVG salvestab geomeetrilisi primitiive. Pikslite ruudustikult skaleeritavatele vektoriteedele liikumine nõuab bitikaardi tõlgendamist ja ligikaudsete kujundite joonistamist sarnase värviga piirkondade ümber. Tulemus on tõeliselt skaleeritav – suurust saab vabalt muuta ilma pikslita –, kuid see ei ole allika täiuslik reprodutseerimine. Fotosisu jälgimine on halb, sest iga pikslitaseme värvivariatsioon muutub kujundiks, mis tekitab tohutuid SVG-sid, mis ei suuda eesmärki. Logod, ikoonid, joonpildid ja suure kontrastsusega graafika jälgivad selgelt, kuna neil on vähe täpselt määratletud piiridega värvipiirkondi.

See muundur kasutab imagetracerjs'i teeki, mis on potrace'iga sarnaste vektorijälgimise algoritmide JavaScripti port. PNG dekodeeritakse RGBA bitmapiks, bitmap segmenteeritakse konfigureeritava paleti abil värvipiirkondadeks, iga piirkonna piir jälgitakse teeks, teed lihtsustatakse Bezier' lähenduse abil ja saadud teed väljastatakse SVG tee elementidena. Kogu konveier töötab teie brauseris ilma serverisse üleslaadimiseta.

Jälgimisparameetrid kontrollivad kompromissi täpsuse ja faili suuruse vahel. Rohkem värve ja peenemaid detaile loovad suurema SVG, mis sobib paremini allikaga; vähem värve ja jämedam jälgimine loovad väiksema SVG, millel on stiliseeritum tunne. Vaikimisi häälestatakse logode ja ikoonide jaoks; keerukad pildid võivad kasu saada kohandatud sätetega jälgimispassist või ei pruugi olla vektoriseerimiseks head kandidaadid.

Miks teisendada PNG SVG-ks?

PNG vektoriseerimine on kõige kasulikum siis, kui teil on vaja pilti skaleerida suuremaks kui selle algne eraldusvõime. Eriti sageli saabuvad logod PNG-vormingus tagasihoidliku suurusega ja need peavad reklaamtahvlitel, võrkkesta ekraanidel ja suureformaadilistel väljatrükkidel olema teravad. Vektorjälg loob SVG, mis skaleerub ilma kvaliteedi kadumiseta; kompromiss on truudus algsetele pikslitele.

Samuti on SVG väheste värvide ja suurte lamedate piirkondadega graafika jaoks oluliselt kompaktsem kui PNG. PNG-ikoon suurusega 256 × 256 võib olla 8 KB; samaväärne kahe või kolme värviga SVG on sageli alla 1 KB. Veebiliidesesse tarnitavate kasutajaliidese ikooniteekide puhul vähendavad vektorversioonid kogumi suurust ja parandavad teravust kõigil kuvatihedustel.

Kuidas kasutada

Lohistage PNG, valige jälgimisseaded, looge SVG.

  1. Laadige oma PNG üles: Lohistage fail üleslaadimisalale või klõpsake sirvimiseks. Parimad tulemused annavad teravate servadega PNG-failid, millel on vähe erinevaid värve – logod, ikoonid, joonpilt, lihtsad illustratsioonid. Fotod jälgivad halvasti ja toodavad tohutuid SVG-sid.
  2. Vajadusel kohandage jälgimisvalikuid: Värvide arv määrab, mitu erinevat värvi väljundis kuvatakse. Tee lihtsustamine (nimetatakse ka ltres või qtres) juhib seda, kui agressiivselt algoritm nurki silub. Suurem täpsus loob SVG-d allikale lähemal, kuid rohkemate teeandmetega.
  3. Jälgimine ja eelvaade: Imagetracerjs-algoritm läbib värvide kvantimise, serva tuvastamise, kontuuride jälgimise ja Bezier' sobitamise. Ajaskaalade jälgimine pildi suuruse ja värvide arvuga. 256 × 256 logo, millel on 4 värvi jäljed vähem kui sekundiga; 1024 × 1024 16 värviga kujutise jaoks võib kuluda mitu sekundit.
  4. Laadige alla SVG: Salvestage SVG oma seadmesse. Fail sisaldab XML-märgistust koos teeelementidega; saate selle avada mis tahes tekstiredaktoris, et tulemust kontrollida või käsitsi häälestada.

Levinud kasutusjuhtumid

Tehnilised üksikasjad

imagetracerjs rakendab mitmeastmelist konveieri: värvide kvantimine vähendab bitmapi kindla arvu värvideni, kasutades k-keskmist klasterdamist või mediaanlõike; servatuvastus tuvastab pikslite piirid piirkondade vahel; kontuuride jälgimine järgib piire, et luua suletud hulknurki; Joone ja kõvera sobitamine lähendab hulknurki Bezier' kõveratega, et vähendada tee andmeid.

Algoritmi parameetrid on kõige olulisemad värvide arv (tavaliselt 4–32), patomiit (sellest paljudest pikslitest lühemad teed jäetakse mürana kõrvale), ltres (joone tolerants – kui kaugele võib serv kõrvale kalduda enne uueks segmendiks jagamist) ja qtres (ruutkõvera tolerants – kui agressiivsed on kõverad). Vaikimisi töötavad logode puhul hästi; keerulised pildid saavad kasu pildipõhisest häälestamisest.

Väljund on standardne SVG 1.1 koos teeelementidega. Igast värvipiirkonnast saab üks täiteatribuudiga tee. Saadud fail avaneb mis tahes brauseris, vektorredaktoris või SVG-teadlikus disainitööriistas. Faili suurus sõltub peamiselt teede arvust ja sõlmede tihedusest; tüüpiline jälgitav logo on 1–10 KB.

Parimad tavad

Korduma kippuvad küsimused

Kas SVG-väljund on tõeline vektorfail?
Tööriist jälgib rasterkujutist, et luua vektoriteed. Tulemused töötavad kõige paremini lihtsa graafika, logode ja joonpildiga. Fotod tekitavad keerukaid teid ja ei pruugi ootuspäraselt välja näha.
Mille poolest erineb SVG teistest pildivormingutest?
SVG on vektorvorming – pilte kirjeldatakse pigem matemaatiliste kujunditena kui pikslitena. See tähendab, et SVG-failid skaleeruvad suvalisele suurusele ilma kvaliteeti kaotamata ja tavaliselt on need palju väiksemad kui rasterpildid graafika (nt logod ja ikoonid) jaoks.
Kas on mingeid piiranguid, millest tuleb teadlik olla?
Toetatakse kuni 50 MB faile. Väga suurte või keerukate failide töötlemine võib võtta kauem aega. Kõik teisendused toimuvad teie brauseris, seega sõltub töötlemise kiirus teie seadmest.
Kas mu pilte hoitakse teisendamise ajal privaatsena?
Jah. Teie PNG-faile töödeldakse täielikult teie brauseris Canvas API ja JavaScripti abil. Ühtegi serverisse ei laadita midagi üles – fail läheb otse teie seadmest konverterisse ja tagasi teie seadmesse.
Kas jälge saab redigeerida Illustratoris või Inkscape'is?
Jah. The output is standard SVG with path elements. Nii Illustrator kui ka Inkscape avavad selle natiivselt ja võimaldavad teil redigeerida teid, muuta värve ja täpsustada tulemust.
Kas minu PNG on serverisse üles laaditud?
Ei. Jälgimine toimub teie brauseris imagetracerjs abil. Fail ei lahku teie seadmest.
Miks mu SVG-fail on tohutu?
Tavaliselt seetõttu, et lähtepildil on liiga palju värve või liiga palju peeneid detaile. Proovige vähendada värvide arvu, suurendada tee lihtsustamist või kasutada teistsugust puhtama geomeetriaga lähtepilti.
Kas ma saan PNG-d läbipaistvalt jälgida?
Jah. Läbipaistvatest pikslitest saavad SVG-s ilma teedeta alad. Läbipaistev taust säilib, kui SVG renderdatakse mis tahes taustavärviga.