Brezplačni pretvornik

PNG v Vektorizator SVG

Pretvorite rastrske slike PNG/JPG v razširljivo vektorsko grafiko SVG. Varen, hiter in v celoti obdelan v vašem brskalniku.

Povleci in spusti PNG/JPG sem

Podpira do 50 MB

oz

O tem orodju

Pretvorba PNG v SVG je v osnovi operacija sledenja, ne sprememba formata. PNG shrani slikovne pike; SVG shranjuje geometrijske primitive. Prehod z mreže slikovnih pik na razširljive vektorske poti zahteva interpretacijo bitne slike in risanje približnih oblik okoli regij podobne barve. Rezultat je resnično razširljiv – velikost lahko poljubno spreminjate brez pikselizacije – vendar ni popolna reprodukcija vira. Sledi fotografski vsebini je slabo, ker vsaka barvna sprememba na ravni slikovne pike postane oblika, ki proizvaja ogromne slike SVG, ki premagajo namen. Logotipi, ikone, črtne slike in visokokontrastne grafike so jasne, ker imajo majhno število barvnih območij z dobro definiranimi mejami.

Ta pretvornik uporablja knjižnico imagetracerjs, vrata JavaScript za algoritme za vektorsko sledenje, podobne potrace. PNG je dekodiran v bitno sliko RGBA, bitna slika je segmentirana na barvna območja z uporabo nastavljive palete, meja vsake regije je zarisana v pot, poti so poenostavljene z uporabo Bezierovega približka, nastale poti pa so oddane kot elementi poti SVG. Celoten cevovod teče v vašem brskalniku brez nalaganja na strežnik.

Parametri sledenja nadzirajo kompromis med zvestobo in velikostjo datoteke. Več barv in drobnejših podrobnosti ustvarijo večji SVG, ki se bolj ujema z virom; manj barv in grobejše sledenje ustvarijo manjši SVG z bolj stiliziranim občutkom. Privzete nastavitve so prilagojene za logotipe in ikone; zapletene slike lahko koristijo prehodu sledenja s prilagojenimi nastavitvami ali pa preprosto niso dobri kandidati za vektorizacijo.

Zakaj pretvoriti PNG v SVG

Vektorizacija PNG je najbolj uporabna, ko morate povečati sliko nad prvotno ločljivostjo. Zlasti logotipi pogosto prihajajo kot PNG v skromni velikosti in morajo biti jasni na oglasnih panojih, zaslonih mrežnice in natisih velikega formata. Vektorska sled ustvari SVG, ki se spreminja brez izgube kakovosti; kompromis je zvestoba izvirnim slikovnim pikam.

SVG je tudi bistveno bolj kompakten kot PNG za grafiko z malo barvami in velikimi ravnimi območji. Ikona PNG pri 256×256 je lahko velika 8 KB; enakovreden SVG z dvema ali tremi barvami je pogosto pod 1 KB. Za knjižnice ikon uporabniškega vmesnika, dostavljene spletnemu vmesniku, vektorske različice zmanjšajo velikost svežnja in izboljšajo ostrino pri vseh gostotah prikaza.

Kako uporabljati

Spustite PNG, izberite nastavitve sledenja, ustvarite SVG.

  1. Naložite svoj PNG: Povlecite datoteko v območje za nalaganje ali kliknite za brskanje. Najboljše rezultate dajejo PNG z ostrimi robovi in ​​majhnim številom različnih barv – logotipi, ikone, črtne slike, preproste ilustracije. Fotografije slabo sledijo in ustvarjajo ogromne SVG.
  2. Po potrebi prilagodite možnosti sledenja: Število barv nadzira, koliko različnih barv se pojavi v izpisu. Poenostavitev poti (imenovana tudi ltres ali qtres) nadzoruje, kako agresivno algoritem zgladi vogale. Večja natančnost ustvari SVG bližje viru, vendar z več podatki o poti.
  3. Sledenje in predogled: Algoritem imagetracerjs izvaja barvno kvantizacijo, zaznavanje robov, sledenje obrisom in Bezierjevo prileganje. Sledenje časovnim lestvicam z velikostjo slike in številom barv. Logotip 256×256 s 4 barvnimi sledmi v manj kot sekundi; slika 1024 × 1024 s 16 barvami lahko traja nekaj sekund.
  4. Prenesite SVG: Shranite SVG v svojo napravo. Datoteka vsebuje oznako XML z elementi poti; odprete ga lahko v katerem koli urejevalniku besedila, da pregledate ali ročno prilagodite rezultat.

Pogosti primeri uporabe

Tehnične podrobnosti

imagetracerjs implementira večstopenjski cevovod: barvna kvantizacija zmanjša bitno sliko na fiksno število barv z uporabo k-means združevanja ali medianega izreza; zaznavanje robov identificira meje slikovnih pik med regijami; sledenje kontur sledi mejam, da ustvari zaprte mnogokotnike; prilagajanje linij in krivulj približa poligone z Bezierjevimi krivuljami za zmanjšanje podatkov o poti.

Najpomembnejši parametri algoritma so število barv (običajno: 4–32), pathomit (poti, krajše od tega števila slikovnih pik, se zavržejo kot šum), ltres (toleranca črte – kako daleč lahko rob odstopa, preden se razdeli na nov segment) in qtres (toleranca kvadratne krivulje – kako agresivno so krivulje zglajene). Privzete vrednosti dobro delujejo za logotipe; kompleksne slike imajo koristi od prilagajanja posamezne slike.

Izhod je standardni SVG 1.1 z elementi poti. Vsako barvno območje postane ena pot z atributom polnila. Nastala datoteka se odpre v katerem koli brskalniku, vektorskem urejevalniku ali orodju za oblikovanje, ki podpira SVG. Velikost datoteke je odvisna predvsem od števila poti in gostote vozlišč; tipičen sledilni logotip je velik 1–10 KB.

Najboljše prakse

Pogosta vprašanja

Ali bo izhod SVG prava vektorska datoteka?
Orodje sledi rastrski sliki, da ustvari vektorske poti. Rezultati najbolje delujejo s preprosto grafiko, logotipi in črtnimi slikami. Fotografije bodo ustvarile zapletene poti in morda ne bodo videti po pričakovanjih.
V čem se SVG razlikuje od drugih formatov slik?
SVG je vektorski format – slike so opisane kot matematične oblike in ne piksli. To pomeni, da se datoteke SVG spreminjajo v poljubno velikost brez izgube kakovosti in so običajno veliko manjše od rastrskih slik za grafiko, kot so logotipi in ikone.
Ali obstajajo kakšne omejitve, na katere se morate zavedati?
Podprte so datoteke do 50 MB. Obdelava zelo velikih ali zapletenih datotek lahko traja dlje. Vse pretvorbe se zgodijo v vašem brskalniku, zato je hitrost obdelave odvisna od vaše naprave.
Ali so moje slike med pretvorbo zasebne?
ja Vaše datoteke PNG so v celoti obdelane v vašem brskalniku z uporabo Canvas API in JavaScript. Nič se ne naloži na noben strežnik — datoteka gre neposredno iz vaše naprave v pretvornik in nazaj v vašo napravo.
Ali je sled mogoče urejati v Illustratorju ali Inkscapeu?
ja Izhod je standardni SVG z elementi poti. Tako Illustrator kot Inkscape ga odpreta izvorno in vam omogočata urejanje poti, spreminjanje barv in izboljšanje rezultata.
Ali je moj PNG naložen na strežnik?
Ne. Sledenje poteka v vašem brskalniku z uporabo imagetracerjs. Datoteka ne zapusti vaše naprave.
Zakaj je moja datoteka SVG ogromna?
Običajno zato, ker ima izvorna slika preveč barv ali preveč drobnih podrobnosti. Poskusite zmanjšati število barv, povečati poenostavitev poti ali uporabiti drugo izvorno sliko s čistejšo geometrijo.
Ali lahko izsledim PNG s prosojnostjo?
ja Prozorne piksle postanejo območja brez poti v SVG. Prosojno ozadje se ohrani, ko je SVG upodobljen v kateri koli barvi ozadja.