Historiaoppitunti: Mikä on .svg-tiedosto? Miksi se avautuu selaimessa

Mikä on .svg-tiedosto?

.svg-tiedosto on Scalable Vector Graphics -kuva. Useimmat tutut kuvamuodot – JPG, PNG, BMP – ovat rasterikuvia: kiinteä ruudukko värillisiä pisteitä (pikseleitä). Kun suurennat tarpeeksi, reunat muuttuvat portaiksi. SVG on vektorimuoto: se tallentaa ohjeita – siirry tähän, piirrä käyrä tuonne, täytä tämä muoto turkoosilla – ja ohjelmisto piirtää muodot joka kerta uudelleen siihen kokoon, jota näyttö tai tulostin tarvitsee. W3C:n oma määrittely kuvaa SVG:n kieleksi, jolla kuvataan XML:nä kaksiulotteista vektorigrafiikkaa sekä vektori- ja rasterigrafiikan yhdistelmiä.

XML (Extensible Markup Language) on tageista koostuva pelkkä tekstimuoto, hyvin samankaltainen kuin verkkosivujen HTML. .svg-tiedosto on siis pohjimmiltaan tekstiä, jonka voi avata Muistiossa: uloin svg-tagi ja sen sisällä muotoja kuten path, circle ja rect, joiden koordinaatit ja värit ovat attribuutteina. Hakua ”mikä on .svg-tiedosto” tekevä on yleensä juuri saanut sellaisen – logon suunnittelijalta, kuvakepaketin, jostain työkalusta viedyn kaavion – ja huomannut, ettei se käyttäydy kuin valokuva.

Miksi .svg avautuu selaimessani?

Koska useimmilla PC:illä verkkoselain on ohjelma, joka osaa piirtää SVG:tä parhaiten. Kaikki suuret selaimet näyttävät sen nykyään sisäänrakennetusti, joten Windows antaa .svg-tiedostot kaksoisnapsautuksella usein Edgelle, Chromelle tai Firefoxille. Pikselipohjaiset työkalut on tehty rasterikuville, ja Windowsin Resurssienhallinta on pitkään tarvinnut apua: Microsoftin ilmaiset PowerToys-lisäosat on tehty osin siksi, että ne tuovat Resurssienhallintaan SVG-esikatselut ja pikkukuvat.

Uudemmat Office-versiot ovat ystävällisempiä. Microsoftin mukaan Word, PowerPoint, Excel ja Outlook Microsoft 365:ssä sekä Office 2019-, 2021- ja 2024-versioissa voivat lisätä ja muokata SVG-kuvia, ja Microsoft 365 -sovellusten sisäänrakennettu Kuvakkeet-kirjasto koostuu SVG-kuvista. Vanhemmat Office-versiot, monet verkkosivustot ja lukuisat muut ohjelmat odottavat yhä PNG- tai JPG-kuvaa.

1998: kuusi ehdotusta verkossa piirtämiseen

Varhaisessa verkossa oli kuvia, mutta vain pikseleinä. W3C:n oman historiasivun ”The Secret Origin of SVG” mukaan W3C:n Chris Lilley kirjoitti vuonna 1996 yleiset vaatimukset verkon vektorigrafiikalle. Vuoteen 1998 mennessä oli saapunut kuusi kilpailevaa ehdotusta. Kaksi tuli alan raskaansarjan toimijoilta: PGML (Precision Graphics Markup Language) Adobelta, IBM:ltä, Netscapelta ja Suniltä, julkaistu W3C Note -asiakirjana 10. huhtikuuta 1998, ja VML (Vector Markup Language) Autodeskilta, Hewlett-Packardilta, Macromedialta ja Microsoftilta, julkaistu 13. toukokuuta 1998. Muut olivat Web Schematics, Hyper Graphics Markup Language, WebCGM ja DrawML.

Uusi SVG-työryhmä päätti olla ottamatta mitään niistä pohjaksi. Sen sijaan se suunnitteli uuden kielen, joka oli ”ehdotusten valistama mutta ei varsinaisesti niihin perustuva”. Microsoftin Office-ryhmästä lähtöisin ollut ja Internet Explorerin mukana toimitettu VML vaikutti SVG:n tiiviiseen polkusyntaksiin: ryhmä havaitsi, että lyhyet polkukoodit pienensivät tiedostoja selvästi pakkauksen jälkeenkin. Adoben PostScriptin ja PDF:n kuvamalliin perustunut PGML muovasi eniten SVG:n koordinaatistoa ja muunnoksia sekä värien käsittelyä.

SVG 1.0, SVG 1.1 ja puhelimet

SVG 1.0 hyväksyttiin W3C-suositukseksi – konsortion nimitys valmiille standardille – 4. syyskuuta 2001. Sen toimitti Adoben Jon Ferraiolo, ja kirjoittajia oli niinkin erilaisista yrityksistä kuin Microsoft, Sun, Netscape, Kodak, Corel, Canon ja Opera. SVG 1.1 seurasi 14. tammikuuta 2003 ja jakoi kielen uudelleenkäytettäviin moduuleihin.

Samana päivänä W3C julkaisi mobiili-SVG-profiilit: SVG Tinyn matkapuhelimille ja SVG Basicin kämmentietokoneille (PDA), molemmat SVG 1.1:n aitoja osajoukkoja. W3C:n lehdistötiedotteen mukaan mobiilistandardointielin 3GPP oli jo ottamassa mobiili-SVG:tä käyttöön kolmannen sukupolven puhelimissa. Myöhemmin SVG Tiny 1.2 hyväksyttiin suositukseksi 22. joulukuuta 2008.

Laajennusten vuodet: Adobe SVG Viewer ja Internet Explorer

Standardi tarvitsee jotain, mikä piirtää sen. 2000-luvun alussa yleisin vaihtoehto oli Adobe SVG Viewer, ilmainen selainlaajennus; W3C kiittää Adobea ”suositusta SVG-katseluohjelmasta” ja SVG-tuesta esimerkiksi Illustratorissa. Silloin hallitseva selain Internet Explorer ei piirtänyt SVG:tä itse – Internet Explorer 8:ssa ja vanhemmissa ei ollut sisäänrakennettua tukea – joten moni näki SVG:tä vain tuon laajennuksen kautta.

Joulukuussa 2005 Adobe sai päätökseen Macromedian oston; Macromedia teki Flashia, toista tapaa tuoda vektorianimaatiota verkkoon. Myöhemmin Adobe lopetti Adobe SVG Viewerin tuen 1. tammikuuta 2009 perustellen, että SVG ja sen käyttöönotto olivat kypsyneet niin, ettei Adoben enää tarvinnut tarjota katseluohjelmaa. Osa SVG-yhteisöstä yhdisti päätöksen siihen, että Flash oli nyt Adoben omistuksessa; Adoben tiedote ei sanonut niin.

Selaimet olivat jo paikkaamassa aukkoa. Opera, Firefox sekä WebKit-pohjaiset Safari ja Chrome saivat sisäänrakennetun SVG-tuen 2000-luvun aikana. Microsoft ilmoitti MIX10-konferenssissaan 16. maaliskuuta 2010, että Internet Explorer 9 tukisi SVG:tä, ja IE9 julkaistiin 14. maaliskuuta 2011. W3C:n historiasivu huomauttaa ironiasta: tuki Internet Explorerissa sulki ympyrän takaisin yhteen SVG:n juurista, VML:ään.

Inkscape, Illustrator ja levysi tiedostot

Piirto-ohjelmat tekivät SVG:stä arkisen vientimuodon. 5. marraskuuta 2003 neljä kehittäjää julkisti Inkscapen, Sodipodi-piirto-ohjelman haaran, jonka julkilausuttu tavoite oli täysin SVG-yhteensopiva 2D-grafiikkaeditori; se käyttää SVG:tä omana tiedostomuotonaan. Myös kaupalliset piirto-ohjelmat, kuten Adobe Illustrator, tallentavat SVG:tä, samoin monet kaavio-, kuvaaja- ja suunnittelutyökalut.

Siksi .svg-tiedostoja kertyy aivan tavallisille PC:ille vuonna 2026: suunnittelijan lähettämiä yrityslogoja, verkkosivua tai esitystä varten ladattuja kuvakesarjoja, muista työkaluista vietyjä kaavioita ja kuvaajia sekä sivustolta tallennettuja verkkoresursseja. Monet ovat vuosia vanhoja – vanhoja tiedostoja päättyneistä projekteista, joiden pitäisi nyt päätyä asiakirjaan, sähköpostiin tai latauslomakkeeseen, joka hyväksyy vain pikseleitä. SVG:tä edeltäneestä Windows-aikakauden vektorimuodosta kerrotaan oppitunnissa Historiaoppitunti: Mikä on .wmf-tiedosto?.

.svgz: sama piirros gzip-pakattuna

Koska SVG on toistuvia tageja täynnä olevaa tekstiä, se kutistuu paljon gzipillä, yleisellä häviöttömällä pakkausmenetelmällä (mitään ei hävitetä). Pakattu SVG saa päätteen .svgz. SVG 1.1 -määrittely edellyttää, että yhdenmukaiset katseluohjelmat käsittelevät gzip- ja deflate-pakattua sisältöä, ja pyytää verkkopalvelimia merkitsemään svgz-päätteellä tallennetut tiedostot pakatuiksi, jotta selaimet purkavat ne oikein.

Selaimen ulkopuolella .svgz hämmentää useampia ohjelmia kuin tavallinen .svg: ohjelma, joka ei ensin pura sitä, näkee vain pakattuja tavuja. Piirros on yhä tallessa – se tarvitsee vain lukijan, joka osaa purkaa ennen piirtämistä.

SVG 2: yhä keskeneräinen

Kaikesta yleisyydestään huolimatta uusin valmis SVG-standardi on yhä SVG 1.1 Second Edition, siistimisversio, joka julkaistiin 16. elokuuta 2011. SVG 2 saavutti ensimmäisen kerran Candidate Recommendation -vaiheen 15. syyskuuta 2016. W3C:n uusin SVG 2:n Candidate Recommendation -tilannekuva on päivätty 6. lokakuuta 2026, ja sen mukaan siitä voi tulla täysi suositus aikaisintaan 1. joulukuuta 2026.

Kun tarvitset sen sijaan PNG- tai JPG-kuvan

SVG:n muuttamista tavalliseksi kuvaksi kutsutaan rasteroinniksi: ohjelmisto piirtää muodot kerran valitsemaasi kokoon ja tallentaa pikselit. Valitse reilu koko, sillä pikseleiksi muutettuna kuva ei enää skaalaudu siististi. Valitse PNG, jos logo tai kuvake tarvitsee läpinäkyvän taustan, ja JPG tasaiseen kuvaan yksivärisellä taustalla. Päätteen vaihtaminen .svg:stä .png:ksi ei tee mitään – tiedosto on yhä XML-tekstiä. Lisää kohdemuodosta oppitunnissa Historiaoppitunti: Mikä on .png-tiedosto?.

Legacy File Converter avaa .svg- ja .svgz-tiedostot omalla Windows-PC:lläsi ja tallentaa ne PNG- tai JPG-kuviksi – mitään ei ladata verkkoon, mikä on tärkeää, kun logo kuuluu asiakkaalle. Se ei ole SVG-editori eikä tuota vektoritulostetta; se antaa kuvan, jonka mikä tahansa sovellus tai latauslomake hyväksyy. Lähiaiheiden kuvaoppitunnit: PNG, WMF ja EMF ja WebP.