Nemokamas konverteris

PNG į SVG vektorizatorius

Konvertuokite rastrinius PNG / JPG vaizdus į keičiamo dydžio vektorinę SVG grafiką. Saugus, greitas ir visiškai apdorojamas jūsų naršyklėje.

Nuvilkite PNG / JPG čia

Palaiko iki 50 MB

Arba

Apie šį įrankį

PNG konvertavimas į SVG iš esmės yra sekimo operacija, o ne formato keitimas. PNG saugo pikselius; SVG saugo geometrinius primityvus. Norint pereiti nuo pikselių tinklelio prie keičiamo dydžio vektorių kelių, reikia interpretuoti taškinę schemą ir nupiešti apytiksles formas aplink panašios spalvos sritis. Rezultatas yra tikrai keičiamo dydžio – galite laisvai keisti dydį be pikselių, tačiau tai nėra tobulas šaltinio atkūrimas. Fotografinis turinys blogai atsekamas, nes kiekvienas pikselių lygio spalvų variantas tampa forma, sukuriančia didžiulius SVG, kurie neatitinka tikslo. Logotipai, piktogramos, linijiniai piešiniai ir didelio kontrasto grafika aiškiai atsekami, nes juose yra nedaug spalvų sričių su aiškiai apibrėžtomis ribomis.

Šis keitiklis naudoja „imagetracerjs“ biblioteką, „JavaScript“ prievadą vektorių sekimo algoritmams, panašiems į „potrace“. PNG iššifruojamas į RGBA taškinę schemą, taškinė schema suskirstoma į spalvų sritis naudojant konfigūruojamą paletę, kiekvieno regiono riba atsekama į kelią, keliai supaprastinami naudojant Bezier aproksimaciją, o gauti keliai išleidžiami kaip SVG kelio elementai. Visas dujotiekis veikia jūsų naršyklėje be jokio įkėlimo į serverį.

Sekimo parametrai valdo kompromisą tarp tikslumo ir failo dydžio. Daugiau spalvų ir smulkesnių detalių sukuria didesnį SVG, kuris labiau atitinka šaltinį; mažiau spalvų ir grubesnis sekimas sukuria mažesnį SVG su labiau stilizuotu pojūčiu. Numatytieji nustatymai pritaikyti logotipams ir piktogramoms; sudėtingiems vaizdams gali būti naudinga sekimo eiga su pakoreguotais nustatymais arba jie gali būti tiesiog netinkami vektorizuoti.

Kodėl verta PNG konvertuoti į SVG

PNG vektorizavimas yra naudingiausias, kai reikia padidinti vaizdo mastelį, viršijantį pradinę skiriamąją gebą. Ypač dažnai logotipai pateikiami nedidelio dydžio PNG formatu ir turi būti aiškūs skelbimų lentose, tinklainės ekranuose ir didelio formato spaudiniuose. Vektoriaus pėdsakas sukuria SVG, kuris keičiasi neprarandant kokybės; kompromisas yra ištikimybė originaliems pikseliams.

SVG taip pat yra žymiai kompaktiškesnis nei PNG, skirtas grafikai su mažai spalvų ir dideliais plokščiais regionais. 256 × 256 dydžio PNG piktograma gali būti 8 KB; lygiavertis SVG su dviem ar trimis spalvomis dažnai yra mažesnis nei 1 KB. UI piktogramų bibliotekoms, pristatomoms į žiniatinklio sąsają, vektorinės versijos sumažina paketo dydį ir pagerina viso ekrano tankio ryškumą.

Kaip naudoti

Išmeskite PNG, pasirinkite sekimo nustatymus, sugeneruokite SVG.

  1. Įkelkite savo PNG: Vilkite failą į įkėlimo sritį arba spustelėkite, kad naršytumėte. Geriausi rezultatai pasiekiami naudojant PNG su aštriais kraštais ir nedaug skirtingų spalvų – logotipų, piktogramų, linijinių piešinių, paprastų iliustracijų. Nuotraukos blogai atsekamos ir sukuria didžiulius SVG.
  2. Jei reikia, koreguokite sekimo parinktis: Spalvų skaičius kontroliuoja, kiek skirtingų spalvų bus rodoma išvestyje. Kelio supaprastinimas (taip pat vadinamas ltres arba qtres) kontroliuoja, kaip agresyviai algoritmas išlygina kampus. Didesnis tikslumas sukuria SVG arčiau šaltinio, bet turi daugiau kelio duomenų.
  3. Sekti ir peržiūrėti: Imagetracerjs algoritmas veikia per spalvų kvantavimą, kraštų aptikimą, kontūrų sekimą ir Bezier pritaikymą. Sekimo laiko skalės su vaizdo dydžiu ir spalvų skaičiumi. 256 × 256 logotipas su 4 spalvų pėdsakais per sekundę; 1024 × 1024 vaizdas su 16 spalvų gali užtrukti kelias sekundes.
  4. Atsisiųskite SVG: Išsaugokite SVG savo įrenginyje. Failas turi XML žymėjimą su kelio elementais; galite atidaryti jį bet kuriame teksto rengyklėje, kad patikrintumėte arba rankiniu būdu sureguliuotumėte rezultatą.

Bendro naudojimo atvejai

Techninės detalės

imagetracerjs įgyvendina kelių pakopų konvejerį: spalvų kvantavimas sumažina taškinę schemą iki fiksuoto spalvų skaičiaus, naudojant k-means klasterizavimą arba medianinį pjūvį; briaunų aptikimas nustato pikselių ribas tarp regionų; kontūro sekimas seka ribas, kad būtų sukurti uždari daugiakampiai; linijos ir kreivės pritaikymas apytiksliai suderina daugiakampius su Bezjė kreivėmis, kad sumažintų kelio duomenis.

Svarbiausi algoritmo parametrai yra spalvų skaičius (įprastai: 4–32), patomitas (trumpesni keliai nei tiek pikselių atmetami kaip triukšmas), ltres (linijos tolerancija – kiek kraštas gali nukrypti prieš suskaidant į naują segmentą) ir qtres (kvadratinės kreivės tolerancija – kaip kreivės yra agresyvios). Numatytieji nustatymai gerai veikia logotipams; sudėtingiems vaizdams yra naudingas derinimas pagal vaizdą.

Išvestis yra standartinė SVG 1.1 su kelio elementais. Kiekviena spalvų sritis tampa vienu keliu su užpildymo atributu. Gautas failas atidaromas bet kurioje naršyklėje, vektorinėje redagavimo priemonėje arba SVG žinančio projektavimo įrankyje. Failo dydis pirmiausia priklauso nuo kelių skaičiaus ir mazgų tankio; įprastas atsekamas logotipas yra 1–10 KB.

Geriausia praktika

Dažnai užduodami klausimai

Ar SVG išvestis bus tikras vektorinis failas?
Įrankis seka rastrinį vaizdą, kad sukurtų vektorinius kelius. Rezultatai geriausiai pasiekiami naudojant paprastą grafiką, logotipus ir linijinį piešinį. Nuotraukos sudarys sudėtingus kelius ir gali atrodyti ne taip, kaip tikėtasi.
Kuo SVG skiriasi nuo kitų vaizdo formatų?
SVG yra vektorinis formatas – vaizdai apibūdinami kaip matematinės formos, o ne kaip pikseliai. Tai reiškia, kad SVG failai keičiasi iki bet kokio dydžio neprarandant kokybės ir paprastai yra daug mažesni nei rastriniai grafiniai vaizdai, pvz., logotipai ir piktogramos.
Ar yra kokių nors apribojimų, kuriuos reikia žinoti?
Palaikomi failai iki 50 MB. Labai didelių ar sudėtingų failų apdorojimas gali užtrukti ilgiau. Visa konversija vyksta jūsų naršyklėje, todėl apdorojimo greitis priklauso nuo jūsų įrenginio.
Ar konvertuojant mano vaizdai yra privatūs?
Taip. Jūsų PNG failai visiškai apdorojami jūsų naršyklėje naudojant „Canvas“ API ir „JavaScript“. Niekas neįkeliamas į jokį serverį – failas patenka tiesiai iš jūsų įrenginio į keitiklį ir atgal į jūsų įrenginį.
Ar pėdsaką galima redaguoti naudojant „Illustrator“ arba „Inkscape“?
Taip. Išvestis yra standartinė SVG su kelio elementais. Ir „Illustrator“, ir „Inkscape“ jį atidaro savaime ir leidžia redaguoti kelius, keisti spalvas ir patikslinti rezultatą.
Ar mano PNG įkeltas į serverį?
Ne. Sekimas vyksta jūsų naršyklėje naudojant imagetracerjs. Failas nepalieka jūsų įrenginio.
Kodėl mano SVG failas yra didžiulis?
Paprastai todėl, kad šaltinio vaizde yra per daug spalvų arba per daug smulkių detalių. Pabandykite sumažinti spalvų skaičių, supaprastinti kelią arba naudoti kitą šaltinio vaizdą su švaresne geometrija.
Ar galiu atsekti PNG su skaidrumu?
Taip. Skaidrūs pikseliai tampa sritimis be kelių SVG. Skaidrus fonas išsaugomas, kai SVG pateikiama bet kokia fono spalva.