SVG

SVG (lyhenne sanoista Scalable Vector Graphics) on kaksiulotteisten vektorikuvien kuvauskieli, joka perustuu World Wide Web Consortiumin kehittämään avoimeen kuvamuotoon.^lähde? Teknisesti SVG-kuvatiedostot on tehty XML-merkintäkielellä. Kuvissa on mahdollista esittää myös liikettä.

SVG-esimerkistä muodostettu staattinen rasterikuva. Alkuperäinen tiedosto vaatii selaintuen tai -laajennuksen.

Scalable Vector Graphics
Esimerkki SVG-koodista.
Tiedostopääte	.svg, .svgz
Mediatyyppi	image/svg+xml[1]
Omistaja	World Wide Web Consortium
Infobox OK

Yleiskatsaus

SVG tukee kolmea erilaista graafista objektia:

• Vektorikuvia (l. suorista viivoista ja kaarista muodostuvat reitit sekä niiden rajaamat alueet)
• Rasteri- / digitaalisia kuvia
• Tekstiä

Jos tallennustilasta on puutetta, SVG-kuvat voidaan pakata gzipin avulla. Tällöin tiedostoja voidaan kutsua "SVGZ-tiedostoiksi". Koska tiedostoformaatti muodostuu tekstistä, se pakkautuu erittäin hyvin. Usein jo pakkaamaton SVG-muotoinen kuvatiedosto on vastaavaa kuvaa esittävää rasterikuvatiedostoa pienempi.

Historia

SVG:n ensimmäinen hahmotelma julkaistiin vuonna 1999, ja elokuussa 2000 World Wide Web Consortium julkisti ensimmäisen ehdotuksensa suositukselle.^[2] Se keräsi pian suosiota, kun Adobe julkaisi SVG Viewer 3:n. Adobe Flashin suosion kasvu teki SVG:stä puolestaan vähemmän suosittua.^[3]

Apple kuitenkin ilmoitti vuonna 2008 estävänsä Flashin. IE9 alkoi tukea SVG:tä 2010 ja Android 2012.^[3] Sen tuki on sen jälkeen levinnyt kaikkiin moderneihin selaimiin.^[2]

SVG-tiedostomuotoon tallennettu piirros örkistä

Ominaisuudet

SVG:llä voidaan kuvata vektorigrafiikkakuvia, bittikarttakuvia (esimerkiksi digitaaliset valokuvat) ja tekstiä samassa dokumentissa. Kaikki SVG:n määritykset ovat XML-koodia, joka voidaan myös syvätä mihin tahansa muuhun XML-dokumenttiin.

SVG-kuvia voidaan dynaamisesti muokata selaimessa DOM-rajapinnan kautta, esimerkiksi JavaScript-kielellä. Myös SMIL-kieltä voidaan käyttää animaatioiden ohjaukseen.

SVG-standardissa on myös kaksi profiilia (SVG Tiny ja SVG Basic), jotka sopivat matkapuhelimiin.

Standardit

• SVG 1.2 (luonnos) (englanniksi)
• SVG 1.1 (englanniksi)
• SVG Mobile 1.2 (luonnos) (englanniksi)
• SVG Mobile (englanniksi)
• SVG Print (englanniksi)

Lähteet

1. M Media Type registration for image/svg+xml (englanniksi)
2. Shortest History Ever of SVG Mijingo, LLC. Viitattu 24.5.2018. (englanniksi)
3. Levin, Rob: What Is SVG and Why Do You Care? 20.2.2015. Unicorn UI. Viitattu 24.5.2018. (englanniksi)

Aiheesta muualla

• W3C:n SVG-sivusto (englanniksi)
• Apache Batik (englanniksi)
• SVG Authoring Guidelines (englanniksi)
• Johdatus SVG-kieleen (englanniksi)
• SVG selaintuki (englanniksi)
• about-svg.de (Arkistoitu – Internet Archive) (saksaksi)