Ilmainen muunnin
SVG:stä PNG:ksi Muunnin
Muunna Vector SVG -tiedostot korkealaatuisiksi rasteri-PNG-kuviksi. Mukauta tulosteasteikkoa ja taustaväriä helposti selaimessasi.
Vedä ja pudota SVG tähän
Tukee jopa 50 Mt
Tai
Muunna Vector SVG -tiedostot korkealaatuisiksi rasteri-PNG-kuviksi. Mukauta tulosteasteikkoa ja taustaväriä helposti selaimessasi.
Tukee jopa 50 Mt
SVG (Scalable Vector Graphics) kuvaa kuvia geometristen primitiivien joukona – polkuja, muotoja, tekstiä, liukuvärejä – jotka skaalautuvat mihin tahansa kokoon laadun heikkenemättä. PNG tallentaa yhden suorakaiteen muotoisen pikseliruudukon kiinteällä resoluutiolla. SVG:n muuntaminen PNG:ksi on rasterointivaihe: SVG:n piirustusohjeet arvioidaan valitulla pikselikoolla ja tuloksena oleva bittikartta koodataan PNG:ksi. Tulos näyttää terävältä määrittämässäsi koossa, mutta pikseloituu, jos se skaalataan.
Tämä muunnin tekee SVG:n selaimen sisäänrakennetun SVG-moottorin avulla. SVG ladataan kuvaelementtiin, piirretään HTML5-kankaalle valituissa tulosmitoissa ja viedään PNG-muodossa canvas.toBlobin kautta. Koska selain tekee rasteroinnin, monimutkaiset SVG-ominaisuudet – liukuvärit, suodattimet, maskit, animaatiot staattisena kehyksenä – hahmontuvat samalla tavalla kuin todellisella verkkosivulla.
Tärkein päätös SVG-PNG-muunnoksessa on kohdekoko. SVG on resoluutiosta riippumaton, joten todellista käyttöä vastaavan PNG-koon valitseminen välttää ylivalmiuden (valtavia tiedostoja pikkukuvakokoisille kuvakkeille) ja alivalvontaa (epäselvä tulos, kun skaalataan myöhemmin). Yleiset kohteet: 32 × 32 tai 64 × 64 kuvakkeille, 256 × 256 tai 512 × 512 logoille, 1024 × 1024 sankarigrafiikalle, 2048 × 2048 verkkokalvolaatuisille kohteille.
SVG on loistava verkkoon ja nykyaikaisiin suunnittelutyökaluihin, mutta kauhea moniin muihin yhteyksiin. Sähköpostiohjelmat näyttävät SVG:n epäjohdonmukaisesti; jotkut estävät sen turvallisuusriskinä. Vanhemmat toimistoohjelmistot, tietyt sisällönhallintajärjestelmät, kolmannen osapuolen palvelut ja lähes kaikki valokuvatulostusputket eivät hyväksy SVG:tä ollenkaan. PNG-muotoon muuntaminen tuottaa yleisesti hyväksytyn rasterin, joka näyttää samalta valitussa koossa.
PNG upottaa myös luotettavasti toimistoasiakirjoihin, diapapereihin ja PDF-tiedostoihin ilman, että se riippuu vastaanottajan SVG-renderöijistä. Logoille ja grafiikoille, joiden on näytettävä johdonmukaisesti monilla alustoilla, PNG on turvallisempi valinta – vaikka se menettää resoluution riippumattomuuden, joka tekee SVG:stä ensinnäkin houkuttelevan.
Valitse kohdekoko, renderöi. Selain tekee rasteroinnin.
SVG (W3C Recommendation) on XML-pohjainen vektorimuoto, joka sisältää elementtejä poluille, perusmuodoille (suora, ympyrä, ellipsi, viiva, monikulmio, polyline), tekstiä, liukuvärejä (linearGradient, radialGradient), suodattimia, maskeja ja leikepolkuja. Selain jäsentää XML:n, rakentaa DOM:n, käyttää CSS:ää ja rasteroi tuloksen sivun renderöinnin aikana.
Tämä muunnin lataa SVG:n HTMLImageElementiin (joka käynnistää selaimen normaalin SVG-kuvana -renderöintipolun) ja piirtää sen sitten kankaalle drawImagen avulla. Kanvas viedään PNG-muodossa käyttämällä canvas.toBlob('image/png'). Tarkat tulosteen pikselit vastaavat sitä, mitä SVG renderöisi samankokoisena selaimen välilehdellä.
Reunatapaukset: ForeignObjectia käyttävää SVG:tä ei aina tueta, kun sitä käytetään Image-elementin kautta. SVG, joka viittaa ulkoisiin resursseihin (xlink:href eri toimialueeseen), ei ehkä lataudu CORS:n vuoksi. SMIL-animaatiot ja JavaScript-pohjaiset animaatiot näytetään vain aloituskehyksenä.