SVG-esittely

SVG on kieli, jota käytetään kuvien ja piirrustusten kahdenulotteisen kuvauksen ja ohjauksen määrittämiseen XML:n avulla

Perustiedot, jotka sinun tulisi hallita ennen oppimista:

Ennen kuin jatkat, sinun tulisi olla perustietoinen seuraavista asioista:

  • HTML
  • XML:n perusteet

Jos haluat ensin oppia näitä asioita, tutustu sivustollammeEtusivuValitse vastaava opetusohjelma.

Mikä on SVG?

  • SVG tarkoittaa skaalautuvaa vektorigrafiikkaa (Scalable Vector Graphics)
  • SVG käytetään määrittämään verkkoon perustuvia vektorigrafiikoita
  • SVG käyttää XML-muotoa määrittääkseen grafiikkaa
  • SVG-kuvan grafiikkalaatu ei heikkeny, kun sitä suurennetaan tai muutetaan kokoa
  • SVG on World Wide Web -liiton standardi
  • SVG ja W3C:n standardit kuten DOM ja XSL ovat yhtenäinen kokonaisuus

SVG on W3C:n suositeltu standardi

SVG tuli W3C:n suositelluksi standardiksi 14. tammikuuta 2003.

Jos haluat lukea lisää tietoja W3C:n SVG-toiminnasta, vieraile sivustollamme W3C:n opetusohjelma.

SVG:n historia ja edut

Vuonna 2003 tammikuussa SVG 1.1 hyväksyttiin W3C-standardiksi.

SVG:n määrittämiseen osallistuvat organisaatiot ovat: Sun Microsystems, Adobe, Apple, IBM ja Kodak.

SVG:n etuna muihin kuvamuotoihin verrattuna on:

  • SVG voidaan lukea ja muokata monilla työkaluilla (esimerkiksi muistiinpanoissa)
  • SVG:n koolla on pienempi ja kompressiivisempi kuin JPEG- ja GIF-kuvat
  • SVG on skaalautuva
  • SVG-kuvia voidaan tulostaa korkealaatuisesti mihin tahansa resoluutioon
  • SVG voidaan suurentaa ilman, että kuvan laatu heikkenee
  • SVG-kuvien teksti on valinnainen, ja se on myös hakukelpoinen (erittäin sopiva karttojen tekoon)
  • SVG voidaan suorittaa yhdessä Java-tekniikan kanssa
  • SVG on avoin standardi
  • SVG-tiedostot ovat puhtaita XML:ää

SVG:n pääkilpailija on Flash.

SVG:n suurin etu Flashia verrattuna on, että se on yhteensopiva muiden standardien (kuten XSL ja DOM) kanssa. Flash on sen sijaan avoimempi, mutta yksityinen teknologia.

Tarkastele SVG-tiedostoja

Tänään kaikki selaimet tukevat SVG-tiedostoja, paitsi Internet Explorer, joka vaatii lisäohjelmiston asentamista. Lisäohjelma on ilmainen, esimerkiksi Adobe SVG Viewer.