Mikä on SVG? Opas vektorimuotoon

1. Mikä on SVG?

SVG on lyhenne sanasta Scalable Vector Graphics, avoin XML-pohjainen vektorigraafikka, jonka standardoi W3C. Siinä missä PNG ja JPG tallentavat kuvan pikseliruudukkona, SVG käyttää matemaattisia kaavoja muotojen kuvaamiseen: suora viiva, ympyrä tai Bezier-käyrä kirjoitetaan tiedostoon koordinaatteina ja polkukäskyinä.

Juuri siksi SVG ei koskaan sumentu suurennettaessa – selain vain piirtää kaavat uudelleen uuteen kokoon sen sijaan, että venyttäisi pikseleitä. Siinä on sanan ”vektori” merkitys.

2. SVG verrattuna PNG / JPG:een

Vertailukohta	SVG	PNG / JPG
Tallennustapa	Matemaattiset polut (vektori)	Pikseliruudukko (rasteri)
Suurennettaessa	Skaalautuu loputtomiin ilman vääristymistä	Syntyy siksakut ja epäterävyys
Tiedoston koko	Hyvin pieni yksinkertaisille kuville (muutaman kB)	Kasvaa lineaarisesti resoluution mukaan
Muokattavuus	Teksti, jota voi muokata, värjätä ja animoida	Vaatii kuvankäsittelyohjelman
Sopii	Kuvakkeet, logot, piirrokset, kaaviot	Valokuvat ja monimutkainen valaistus

3. Mihin SVG:tä tyypillisesti käytetään

• Verkkosivujen kuvakkeet ja logot: yksi SVG sopii kaikkiin näyttötiheyksiin ja pysyy terävänä Retina-näytöillä;
• Piirrokset ja kaaviot: data-visualisointikirjastot kuten ECharts ja Recharts tuottavat oletuksena SVG:tä;
• Paino ja kaiverrus: laserkaiverrokset, vinyleikkaajat ja UV-tulostimet hyväksyvät SVG-polut laajasti;
• Animaatio: SVG-polkuja voi ohjata suoraan CSS:llä, SMIL:llä tai JavaScriptillä, mikä mahdollistaa esimerkiksi viivan piirtämisanimaation.

4. Miten SVG avataan ja muokataan?

Mikä tahansa moderni selain (Chrome / Edge / Firefox / Safari) avaa SVG-tiedostot suoraan, ja suunnitteluohjelmat kuten Illustrator, Figma ja Inkscape (ilmainen) pystyvät muokkaamaan niitä. Jos haluat vain vaihtaa värejä, poistaa taustan tai pyyhkiä osan kuvasta, käytä PolySVG:n verkkopohjaista SVG-editoria – mitään ohjelmaa ei tarvitse asentaa.

5. Miten PNG / JPG muunnetaan SVG:ksi?

Käytä PolySVG:n Kuva → SVG -työkalua: kun lataat rasterin, oma malli hoitaa automaattisesti värien kvantoinnin, äärisuuntien jäljityksen ja käyrien sovituksen, ja muunnettavaa SVG:tä saat muutamassa sekunnissa sekä yhdellä napsautuksella poistettavan taustan kanssa. Koko prosessi on ilmainen eikä vaadi rekisteröitymistä.

Yhteenveto: SVG on muoto, jolla ”piirretään kaavoilla”, ja se sopii luonnostaan kuvakkeisiin, logoihin ja kaikkeen, mitä pitää skaalata; valokuvasisältöön on edelleen parasta käyttää JPG:tä tai WEBP:tä.