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ä.

Scalable Vector Graphics
Esimerkki SVG-koodista.
Esimerkki SVG-koodista.
Tiedostopääte .svg, .svgz
Mediatyyppi image/svg+xml[1]
Omistaja World Wide Web Consortium
SVG-esimerkistä muodostettu staattinen rasterikuva. Alkuperäinen tiedosto vaatii selaintuen tai -laajennuksen.

Yleiskatsaus

muokkaa

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

muokkaa

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

muokkaa

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

muokkaa

Lähteet

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

Aiheesta muualla

muokkaa