SVGllä

SVGllä viittaa suomenkielisessä kontekstissa SVG-grafiikan käyttöön verkkosivuilla ja sovelluksissa. SVG, eli Scalable Vector Graphics, on XML-pohjainen vektori-grafiikkaformaatti, joka säilyttää terävyyden sekä pienessä että suuressa koossa.

SVG:tä käytetään monipuolisesti sen kuvaamien graafisten elementtien kautta. Se tukee ryhmiteltyjä grafiikka-olioita, transformaatioita, CSS-tyylittelyä sekä JavaScript- ja SMIL-pohjaista interaktiivisuutta ja animaatioita. SVG voidaan upottaa HTML:n sisälle inline-merkintänä, tai viitata ulkoiseen tiedostoon käyttämällä object-, embed- tai img-tunnisteita. Inline-merkintä mahdollistaa DOM-tason pääsyn grafiikkaan ja sen muokkaamisen dynaamisesti.

Saavutettavuus on tärkeä osa SVG:n käyttöä: kuville voidaan antaa kuvaus- ja otsikotiedot, ja tarvittaessa ARIA-tunnisteita käytetään lisäavusteisessa teknologiassa tukemaan sisältöä.

Hyötyjä ovat skaalautuvuus, tarkka renderöinti ja mahdollisuus pitää grafiikka mukana sekä pienessä että suuressa näyttötilassa, ilman, että kuvanlaatu heikkenee. Optimoimisessa voidaan hyödyntää symbolien uudelleenkäyttöä, pienentää tiedostoja ja käyttää tehokasta pakkauksentoa.

SVG:tä käytetään yleisesti ikonien, logojen, kuvitusten ja datavisualisoinnin toteuttamiseen. Selaintuki on nykyisin laajaa kaikissa modernissa selaimissa, kun taas vanhemmissa ympäristöissä tuki voi olla rajoitettua. SVG on osa web-standardeja ja sen kehitys jatkuu W3C:n standardointiprosessissa.