Hva er SVG? En lettforståelig guide til vektorformatet
Hva er SVG? Hvordan SVG-vektorgrafikk fungerer, hvordan den skiller seg fra PNG og JPG, fordelene og begrensningene, typisk bruk og hvordan du åpner og redigerer filer.
1. Hva er SVG?
SVG står for Scalable Vector Graphics, et åpent vektorgrafikkformat basert på XML og standardisert av W3C. Der PNG og JPG registrerer et bilde som et rutenett av piksler, bruker SVG matematiske formler for å beskrive former: en rett linje, en sirkel, en Bézierkurve – hver skrevet inn i filen som koordinater og banekommandoer.
Det er nettopp derfor en SVG aldri blir uskarp når den forstørres: nettleseren tegner ganske enkelt formlene på nytt i den nye størrelsen i stedet for å strekke piksler. Det er hva ordet «vektor» betyr.
2. SVG mot PNG / JPG
| Aspekt | SVG | PNG / JPG |
|---|---|---|
| Hvordan den lagrer bilder | Matematiske baner (vektor) | Pikselrutenett (raster) |
| Ved forstørring | Skalerer uendelig uten forvrenging | Viser tagget kant og uskarphet |
| Filstørrelse | Svært liten for enkel grafikk (noen kB) | Vokser lineært med oppløsningen |
| Redigerbarhet | Tekst som kan redigeres, farges og animeres | Krever bildebehandlingsprogram |
| Best for | Ikoner, logoer, illustrasjoner, diagrammer | Foto og komplekst lys |
3. Hva brukes SVG vanligvis til
- Ikoner og logoer på nettsteder: én SVG passer til alle skjermtettheter og forblir skarp på Retina-skjermer;
- Illustrasjoner og diagrammer: datavisualiseringsbiblioteker som ECharts og Recharts lager SVG som standard;
- Trykk og gravyr: lasergraveringsmaskiner, vinylskjærere og UV-skrivere tar bredt imot SVG-baner;
- Animasjon: SVG-baner kan styres direkte fra CSS / SMIL / JavaScript, noe som gjør strekefekter og mer mulig.
4. Hvordan åpner og redigerer jeg en SVG?
Alle moderne nettlesere (Chrome / Edge / Firefox / Safari) åpner SVG-filer direkte, og designprogrammer som Illustrator, Figma og Inkscape (gratis) kan redigere dem. Vil du bare endre farge, fjerne en bakgrunn eller viske bort en del av illustrasjonen, bruker du PolySVG SVG-editoren på nett – uten å installere noe som helst.
5. Hvordan gjør jeg om PNG / JPG til SVG?
Bruk PolySVG-verktøyet Bilde til SVG: last opp en bitmap, så håndterer modellen vår automatisk fargekvantisering, kontursøk og kurvetilpasning, og du får en redigerbar SVG på noen sekunder, med bakgrunnsfjerning med ett klikk. Hele prosessen er gratis og krever ingen registrering.
Oppsummert: SVG er et format som «tegner med formler», og passer derfor naturlig for ikoner, logoer og alt som må skaleres; fotografisk innhold er fortsatt best betjent av JPG / WEBP.
Ofte stilte spørsmål
Hvilket program åpner SVG-filer?
Alle moderne nettlesere kan forhåndsvise dem direkte. For redigering bruker du Illustrator, Figma eller Inkscape, eller jobber med dem i PolySVG-editoren på nett uten å installere noe.
Kan en SVG konverteres til PNG?
Ja. PolySVG-editoren eksporterer SVG til PNG i hvilken som helst oppløsning, og det gjør også et skjermbilde i nettleseren eller en eksport fra et designverktøy.