Tasuta konverter

SVG-st PNG-ks Konverter

Teisendage vektor-SVG-failid kvaliteetseteks raster-PNG-piltideks. Kohandage oma brauseris hõlpsalt väljundskaalat ja taustavärvi.

Lohistage SVG siia

Toetab kuni 50 MB

Või

Sellest tööriistast

SVG (Scalable Vector Graphics) kirjeldab pilte geomeetriliste primitiivide kogumina – teed, kujundid, tekst, gradiendid –, mis skaleeruvad suvalisele suurusele ilma kvaliteeti kaotamata. PNG salvestab ühe ristkülikukujulise piksliruudustiku fikseeritud eraldusvõimega. SVG teisendamine PNG-vormingusse on rasterdamisetapp: SVG joonistusjuhiseid hinnatakse valitud pikslisuuruses ja saadud bitmap kodeeritakse PNG-vormingus. Väljund näeb teie määratud suuruse juures terav välja, kuid pikslitub, kui seda suurendatakse.

See muundur renderdab SVG-d, kasutades brauseri sisseehitatud SVG-mootorit. SVG laaditakse pildielemendisse, joonistatakse valitud väljundmõõtmetega HTML5 lõuendile ja eksporditakse PNG-vormingus saidi canvas.toBlob kaudu. Kuna brauser teostab rasterdamist, renderdatakse keerukaid SVG-funktsioone – gradiendid, filtrid, maskid, animatsioonid staatilise kaadrina – samamoodi nagu päris veebilehel.

Kõige olulisem otsus SVG-st PNG-vormingusse teisendamisel on sihtsuurus. SVG on eraldusvõimest sõltumatu, nii et tegelikule kasutamisele vastava PNG-suuruse valimine väldib ülevarustamist (pisipildisuuruste ikoonide jaoks tohutud failid) ja alavarustatust (hiljem suurendamisel udune väljund). Levinud sihtmärgid: 32 × 32 või 64 × 64 ikoonide jaoks, 256 × 256 või 512 × 512 logode jaoks, 1024 × 1024 kangelase graafika jaoks, 2048 × 2048 võrkkesta kvaliteediga varade jaoks.

Miks teisendada SVG PNG-ks?

SVG on suurepärane veebi ja kaasaegsete disainitööriistade jaoks, kuid kohutav paljudes muudes kontekstides. E-posti kliendid renderdavad SVG-d ebajärjekindlalt; mõned blokeerivad selle turvariskina. Vanem kontoritarkvara, teatud CMS-id, kolmanda osapoole teenused ja peaaegu kõik fotode printimise torujuhtmed ei aktsepteeri SVG-d üldse. PNG-vormingusse teisendamine annab üldtunnustatud rastri, mis näeb valitud suuruses välja identne.

PNG manustub usaldusväärselt ka kontoridokumentidesse, slaidipakkidesse ja PDF-failidesse, sõltumata adressaadi SVG-renderdajast. Logode ja graafika jaoks, mis peavad paljudel platvormidel järjepidevalt ilmuma, on PNG turvalisem valik – kuigi see kaotab eraldusvõimest sõltumatuse, mis muudab SVG atraktiivseks.

Kuidas kasutada

Valige sihtsuurus, renderdage. Brauser teeb rasterdamise.

  1. Laadige üles SVG-fail: Lohistage SVG üleslaadimisalale või klõpsake sirvimiseks. Toetatakse kuni 50 MB faile, kuigi tüüpilised SVG-d on tunduvalt alla 1 MB. Iseseisvad SVG-d töötavad kõige paremini; SVG-d, mis viitavad välistele piltidele xlink:href kaudu kaug-URL-idele, võivad muutuda mittetäielikuks.
  2. Valige väljundi suurus: Vaikimisi on SVG natiivsed vaatekasti mõõtmed, kuid saate alistada mis tahes piksli suuruse. Valige suurus, mis vastab teie tegelikule kasutamisele – vältige 32 × 32 ikoonide jaoks 4K PNG-de loomist.
  3. Renderda: Brauser parsib SVG-d, joonistab selle soovitud mõõtmetega lõuendile ja ekspordib lõuendi PNG-vormingus. Filtrite või suurte teede arvuga keerukate SVG-de puhul võib kuluda hetk; lihtsad ikoonid renderdatakse koheselt.
  4. Laadige alla PNG: Salvestage fail. Läbipaistvus SVG-s (kõik väljaspool joonistatud kujundeid) säilitatakse PNG-s alfakanalina.

Levinud kasutusjuhtumid

Tehnilised üksikasjad

SVG (W3C Recommendation) on XML-põhine vektorvorming, mis sisaldab elemente teede, põhikujude (sirge, ring, ellips, joon, hulknurk, polüjoon), teksti, gradientide (lineaarne gradient, radiaalne gradient), filtrite, maskide ja klipiteede jaoks. Brauser parsib XML-i, loob DOM-i, rakendab CSS-i ja rasterib tulemuse lehe renderdamise ajal.

See muundur laadib SVG-i HTMLImageElementi (mis käivitab brauseri tavalise SVG-pildina renderdustee), seejärel tõmbab selle joonise joonise kaudu lõuendile. Lõuend eksporditakse PNG-vormingus, kasutades canvas.toBlob('image/png'). Väljundis olevad täpsed pikslid vastavad sellele, mida SVG brauseri vahekaardil samas suuruses renderdab.

Äärejuhtumid: ForeignObjecti kasutav SVG ei ole alati toetatud, kui seda kasutatakse pildielemendi kaudu. SVG-d, mis viitavad välistele ressurssidele (xlink:href teisele domeenile), võib CORS-i tõttu ebaõnnestuda. SMIL-animatsioonid ja JavaScripti juhitud animatsioonid renderdatakse ainult esialgse kaadrina.

Parimad tavad

Korduma kippuvad küsimused

Kas mu SVG kvaliteet kaotab PNG-vormingusse teisendamisel?
Vektorist rastriks teisendamine tähendab, et pilt muutub pikslipõhiseks ja seda ei saa enam lõputult skaleerida. Valige kõrge eraldusvõime, et PNG näeks teie kavandatud ekraanisuuruses terav välja.
Milleks kasutatakse PNG-vormingut?
PNG-d (Portable Network Graphics) kasutatakse peamiselt läbipaistvuse, ekraanipiltide, logode, ikoonidega graafika 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 SVG-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 tekst renderdatakse tekstina või teedena?
Tekst rasterdatakse väljundis PNG-s pikslitena. Väljund ei ole enam otsitav ega valitav. Kui teie SVG kasutab fonte, mis pole brauseris saadaval, võidakse tekst renderdada varufondina; teisendada tekst enne renderdamist SVG-s teedeks, et tagada välimus.
Kas minu SVG on serverisse üles laaditud?
Ei. SVG sõelumine ja renderdamine toimub teie brauseris; PNG-kodeering toimub teie brauseris. Fail ei lahku teie seadmest.
Miks on minu teisendatud PNG tühi?
Levinud põhjused: SVG viitab välistele piltidele, mille laadimine ebaõnnestus CORS-i tõttu; SVG kasutab funktsioone, mida pildielemendi renderdustee ei toeta (foreignObject, teatud filtrid); SVG-l on nullmõõtmeline vaatekast. Avage SVG otse brauseris, et enne teisendamist selle renderdamine kinnitada.
Kas ma saan skriptis SVG-d PNG-ks teisendada?
Jah – partiitööde puhul renderdab Node.js-i seadistus, mis kasutab teravat või nukulaadijat, SVG-st PNG-ks brauserile sarnase täpsusega. See tööriist on mõeldud ühekordseteks konversioonideks brauseris ilma midagi installimata.