SVG

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

SVG (lyhenne sanoista Scalable Vector Graphics) on kaksiulotteisten vektorikuvien kuvauskieli, joka perustuu World Wide Web Consortiumin kehittämään avoimeen kuvamuotoon. 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.

Yleiskatsaus

SVG tukee kolmea erilaista graafista objektia:

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. Se keräsi pian suosiota, kun Adobe julkaisi SVG Viewer 3:n. Adobe Flashin suosion kasvu teki SVG:stä puolestaan vähemmän suosittua.

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

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

Lähteet

  1. ↑ M Media Type registration for image/svg+xml (englanniksi)
  2. ↑ An SVG Primer for Today's Browsers www.w3.org. Arkistoitu 2.10.2025. Viitattu 7.10.2025. (englanniksi)
  3. 1 2 Shortest History Ever of SVG Mijingo, LLC. Viitattu 24.5.2018. (englanniksi)
  4. 1 2 Levin, Rob: What Is SVG and Why Do You Care? 20.2.2015. Unicorn UI. Viitattu 24.5.2018. (englanniksi)

Aiheesta muualla