SVGtiedostoina

SVG-tiedostoina tarkoitetaan Scalable Vector Graphics (SVG) -kieltä käyttäviä vektorigrafiikkatiedostoja. SVG on W3C-standardi XML-pohjaiselle grafiikalle, joka kuvaa grafiikan geometrian, värit ja tyylit tekstuaalisesti. Tiedostopääte on yleisesti .svg ja käytetty MIME-tyyppi image/svg+xml. Koska SVG muodostuu tekstinä, tiedostot ovat helposti muokattavissa tekstieditoreilla tai vektorioptimoitujen työkalujen kuten Inkscape tai Adobe Illustrator avulla, ja ne soveltuvat versionhallintaan.

SVG-tiedostoina grafiikka on skaalautuvaa ja näytön tarkkuudesta riippumaton, mikä tekee siitä erityisen kelvollisen logoille, ikonille ja käyttöliittymägrafiikalle. SVG:t tukevat perinteistä kuvasisältöä sekä tyylittelyä ja käyttäytymisen määrittelyä CSS:llä, mutta myös interaktiivisuutta ja animaatioita JavaScriptin tai SMILin avulla. Grafiikka voidaan upottaa HTML-sivulle monella tavalla: inline-merkkauksena, img-elementillä, object- tai iframe-takeina. Sisältöä voi muokata dynaamisesti ja sitä voidaan tehdä saavutettavaksi esimerkiksi käyttämällä <title> ja <desc> -elementtejä sekä arial- tai muuta saavutettavuus-merkintää.

Edut sisältävät tarkka, laadukas renderointi riippumatta koosta, helposti luettavan tekstipohjaisen rakenteen, ja mahdollisuuden tyylien sekä animaatioiden käyttöön keskitetysti. Haittoja voivat olla monimutkaisten kuvien koon kasvu sekä joidenkin vanhempien ympäristöjen rajoitettu tuki kyseiselle ominaisuusarsenaalille. SVG-tiedostoina ovat laajasti käytössä sekä verkkosivuilla että sovelluksissa, ja niitä voidaan pakata gzipin kanssa (.svgz) tai tallentaa kompaktiin muotoon asiasuhteiltaan.