PNG-kuvan muuntaminen SVG-vektoriksi
PNG-rasterikuvan muuntaminen SVG-vektorigrafiikaksi muuttaa pikseliruudukot skaalautuviksi matemaattisiksi poluiksi ääretöntä koonmuutosta varten ilman laadun heikkenemistä.
Muotojen vertailu ja tekniset tiedot
| Määritys | PNG | SVG |
|---|---|---|
| MIME-tyyppi | image/png | image/svg+xml |
| Tyyppi | raster | vector |
| Pakkaus | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| 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-tiedostojen muuntaminen SVG-muotoon on yleinen tehtävä graafisille suunnittelijoille ja verkkokehittäjille, joiden on saatava logot ja kuvakkeet näyttämään teräviltä millä tahansa näytön koolla. Rasterimuotoinen PNG-kuva käyttää kiinteää värillisten pikseleiden ruudukkoa. Kun venytät PNG-kuvaa sen alkuperäisten mittojen ohi, pikselit sumentuvat ja näyttävät lohkomaisilta. Tämän rasterigrafiikan kääntäminen SVG-tiedostoksi korvaa kyseiset pikselit viivojen, kaarien ja muotojen matemaattisilla ohjeilla. Tämä mahdollistaa taideteoksen skaalaamisen mainostaulun kokoon tai alas mobiilikuvakkeeksi ilman selkeyden menetystä. Verkkosuunnittelijat tekevät tämän muunnoksen usein parantaakseen verkkosivuston suorituskykyä ja visuaalista tarkkuutta. SVG-muodossa tallennetut logot ja käyttöliittymäkuvakkeet latautuvat terävinä korkean resoluution Retina-näytöillä pitäen samalla tiedostokoot huomattavan pieninä. Painotalot luottavat myös vektorimuotoihin valmistellessaan taidetta vinyylileikkureille ja laserkaivertimille, jotka vaativat pikselimatriisien sijaan jatkuvia viivoja.
Tekniset tiedot ja koodekkien erittely
PNG-tiedosto on rasterikuva, jonka MIME-tyyppi on image/png. Se alkaa taikamerkkitunnisteella 89 50 4E 47 0D 0A 1A 0A, jota seuraavat DEFLATE-algoritmilla pakatut datalohkot, joissa yhdistetään LZ77-liukuvat sanakirjat ja Huffmanin koodaus häviötöntä pakkausta varten. Sitä vastoin SVG-tiedosto on vektorigrafiikka, jonka MIME-tyyppi on image/svg+xml. Se ei käytä taikamerkkejä, koska se on XML-kielellä kirjoitettu pelkkä tekstitiedosto. SVG-koodi määrittää geometriset muodot käyttämällä elementtejä, kuten polkuja, ympyröitä ja suorakulmioita. Vaikka PNG-pakkaus pienentää tiedostokokoa tallentamalla väriarvot jokaiselle yksittäiselle pikselille, SVG-pakkaus pienentää tiedostokokoa tallentamalla matemaattisia kaavoja. SVG-tiedostot voidaan myös pakata edelleen GZIP-pakkauksella vaihtamalla tiedostopäätteeksi .svgz tehokasta verkkosiirtoa varten.
Käyttöjärjestelmien ja selaimien yhteensopivuus
SVG-tiedostoilla on laaja tuki nykyaikaisissa verkkoselaimissa, kuten Chromessa, Firefoxissa, Safarissa ja Edgessä sekä työpöytä- että mobiilikäyttöjärjestelmissä, kuten Windowsissa, macOS:ssä, Androidissa ja iOS:ssä. Kuvankatseluohjelmat ja suunnitteluohjelmistot, kuten Adobe Illustrator, Inkscape ja CorelDRAW, käsittelevät SVG-muokkausta natiivisti. PNG-tiedostoilla on sama yleinen selain- ja käyttöjärjestelmätuki, mutta raa'an SVG-koodin tarkastelu vaatii minkä tahansa tavallisen tekstieditorin.
💡 Hyödyllistä tietoa
Monimutkaisen valokuvapohjaisen PNG-kuvan muuntaminen SVG-muotoon johtaa usein valtaviin tiedostokokoihin, koska jäljitysalgoritmi luo tuhansia pieniä vektoripolkuja. Tallenna SVG-muunnos logoille, kuvakkeille ja litteälle grafiikalle, ja pidä valokuvat rasterimuodoissa.
Muotojen vertailu ja tekniset tiedot
Monimutkainen korkean resoluution PNG-logo voi helposti saavuttaa 2 megatavua, jolloin sen lataaminen vie noin 3,2 sekuntia tavallisen 4G-mobiiliyhteyden kautta. Vastaava muunnettu SVG-tiedosto kutistuu usein vain 40 kilotavuun, ja se latautuu alle 0,1 sekunnissa 4G-verkoissa sekä silmänräpäyksessä 5G- ja kuituverkoissa.
Usein kysytyt kysymykset
Miten PNG-kuva muunnetaan SVG-vektoriksi laatua menettämättä?
PNG-kuvan muuntaminen SVG-muotoon ei käytä perinteistä häviöllistä tai häviötöntä pakkausta samalla tavalla kuin rasterimuodot. Sen sijaan muunnin jäljittää PNG-kuvan pikselirajat ja piirtää ne uudelleen matemaattisina vektoreina. Koska vektoreissa käytetään skaalautuvia polkuja, saat rajattoman resoluutiolaadun. Yksinkertaiset automaattiset jäljitystyökalut saattavat kuitenkin jättää huomioimatta terävät kulmat tai tasoittaa hienoja yksityiskohtia, minkä vuoksi täydellisten tuloksien saavuttamiseksi vaaditaan toisinaan manuaalista puhdistusta vektoriohjelmistoissa.
Mitä eroa on PNG-kuvalla ja SVG-vektorilla?
PNG on rasterikuvamuoto, joka tallentaa visuaalisen datan DEFLATE-pakkauksella pakatuksi värillisten pikseleiden kiinteäksi ruudukoksi, jolloin tiedostokoko riippuu pikselimitoista. SVG on vektorikuvamuoto, joka tallentaa visuaalisen datan XML-tekstiin kirjoitettuina skaalautuvina matemaattisina ohjeina, mikä mahdollistaa kuvan koon muuttamisen äärettömästi ilman pikselöintiä.