SVGmuotoihin

SVGmuotoihin viittaa Scalable Vector Graphics -formaattiin sekä siihen liittyviin tiedostoihin, sisällön rakenteisiin ja käytäntöihin. SVG on XML-pohjainen vektorikuvaformaatti, jonka tarkoituksena on mahdollistaa skaalautuvat, kuvatulostuksen ja verkkokehityksen kannalta joustavat grafiikat. Tiedostot voivat olla yksittäisiä .svg-tiedostoja tai syntyä osana HTML-sisältöä inline, sisältäen grafiikan lisäksi tekstiä, toimintoja ja meta­tietoja. SVG:llä voidaan tallentaa grafiikat, muodot, värit, gradientit, otsikot sekä group- ja symbol- rakenteet, joihin voidaan liittää transformaatioita ja animaatioita.

SVG sisältää sekä perusmuotoja (path, rect, circle, ellipse, line, polygon) että monimutkaisempia rakennusosia kuten ryhmiä, gradientteja, täyte- ja viivatyylejä sekä filtterit. CSS-tyylitys sekä JavaScript tarjoavat ulkoasun ja interaktiivisuuden, ja SMIL-pohjaiset animaatiot mahdollistavat ajastetun liikkeen. SVG-tiedostot ovat tekstiä, joten niitä on helppo muokata manuaalisesti tai ohjelmallisesti. Ne tukevat myös saavutettavuutta: otsikot, kuvaukset ja arkkitehtuuri voidaan merkitä semanttisesti.

Käyttö verkkoympäristössä on yleistä: SVG voidaan upottaa suoraan HTML-dokumenttiin (inline), tai ladata erillisenä tiedostona esimerkiksi <img>-, <object>- tai data URL -menetelmillä. Prefiksi-, symboli- ja defs-elementtien avulla voidaan luoda uudelleenkäytettäviä komponentteja. SVG-formaatti on suosittu erityisesti logo- ja ikonigrafiikassa sekä monimutkaisissa vektorigrafiikoissa, joissa tarvitsee säilyttää tarkkuus ja skaalautuvuus. Hyödyt ovat joustavuus ja pienet tiedostokoot tietyissä tilanteissa; rajoituksia voivat olla monimutkaisten kuvien suorituskyky sekä vanhempien selainten yhteensopivuus.