Muunna PNG muotoon SVG
Upota rasterimuotoiset PNG-kuvat SVG-XML-vektorisäiliöön responsiivista verkkoskaalausta ja vektoriyhteensopivaa asettelua varten.
Muotojen vertailu ja tekniset tiedot
| Määritys | PNG | SVG |
|---|---|---|
| MIME-tyyppi | image/ | image/ |
| Tyyppi | rasteri | vektori |
| Pakkaus | häviötön (DEFLATE / LZ77 + Huffman) | häviötön XML-teksti (GZIP-pakattavissa .svgz-muotoon) |
| Standardimääritys | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Tiedostotunniste (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Muodon yleiskatsaus ja käyttökohteet
PNG-tiedoston muuntaminen SVG-muotoon upottaa rasterikuvan XML-pohjaiseen vektorisäiliöön. Näin verkkokehittäjät ja graafiset suunnittelijat voivat käyttää rasterigrafiikkaa skaalautuvissa vektorityönkuluissa. Rasteri-PNG-kuva koostuu kiinteästä värillisten pikselien ruudukosta. Kun kuva upotetaan SVG-tiedostoon, sen alkuperäiset pikselimitat ja läpinäkyvyys säilyvät, ja sen voi upottaa suoraan SVG-pohjaisiin verkkosivujen asetteluihin ja mukautuviin käyttöliittymiin. Verkkosuunnittelijat muuntavat kuvia usein näin käyttääkseen rasterikuvia SVG-spriteissä, vektorikuvituksen työnkuluissa ja mukautuvilla verkkosivuilla ilman erillisiä ulkoisia kuvatiedostoja. Tuloksena syntyvä SVG sisältää koko grafiikan yhtenä kokonaisuutena tavallisessa XML-merkinnässä.
Tekniset tiedot ja koodekkien erittely
PNG-tiedosto on rasterikuva, jonka MIME-tyyppi on image/png. Se alkaa tunnistetavuilla 89 50 4E 47 0D 0A 1A 0A, joita seuraavat DEFLATE-algoritmilla pakatut datalohkot. Algoritmissa yhdistyvät LZ77-liukuvan sanakirjan haku ja Huffman-koodaus. SVG-tiedoston MIME-tyyppi on image/svg+xml, ja sen rakenne on XML-asiakirja. Muunnoksen aikana käsittelyohjelma rasteroi kuvan selaimen muistissa, sarjallistaa bittikartan PNG-muotoon ja upottaa sen Base64-data-URI:na SVG:n <image>-säiliöelementtiin. Näin grafiikka tallentuu kelvolliseen, itsenäiseen SVG-tiedostoon, jonka viewBox-mitat on määritetty.
Käyttöjärjestelmien ja selaimien yhteensopivuus
SVG-tiedostoja tuetaan laajasti nykyisissä selaimissa, kuten Chromessa, Firefoxissa, Safarissa ja Edgessä, sekä työpöytä- että mobiilikäyttöjärjestelmissä, kuten Windowsissa, macOS:ssä, Androidissa ja iOS:ssä. Kuvankatselu- ja suunnitteluohjelmat, kuten Adobe Illustrator, Inkscape ja CorelDRAW, tukevat SVG-muokkausta suoraan. PNG-tiedostot toimivat yhtä laajasti selaimissa ja käyttöjärjestelmissä. SVG-merkinnän tarkasteluun riittää mikä tahansa tavallinen tekstieditori.
Hyödyllistä tietoa
Koska tämä muunnos upottaa rasteribittikartan XML-säiliöön vektoripolkujen jäljittämisen sijaan, grafiikka säilyttää pikselien yksityiskohdat ja alfakanavan läpinäkyvyyden sekä on täysin yhteensopiva SVG-renderöijien kanssa.
Usein kysytyt kysymykset
Miten PNG-kuva muunnetaan SVG-vektoriksi ilman laadunheikennystä?
Muunin sisällyttää täysikokoisen PNG-bittikartan suoraan SVG XML -kääreeseen Base64-muotoisena upotettuna datavirtana. Näin pikselien värit ja läpinäkyvyys säilyvät ilman häviöllistä pakkausta.
Mitä eroa on PNG-kuvalla ja SVG-vektorilla?
PNG on rasterikuvamuoto, joka tallentaa visuaalisen datan kiinteänä DEFLATE-pakattuna värillisten pikselien ruudukkona, minkä vuoksi tiedostokoko riippuu pikselimitasta. SVG on vektorikuvamuoto, joka tallentaa visuaalisen datan skaalautuvina matemaattisina ohjeina XML-tekstissä, mikä mahdollistaa kuvan koon muuttamisen loputtomiin ilman pikselöitymistä.