Scalable Vector Graphics (SVG) er et webvennlig vektorfilformat. I motsetning til pikselbaserte rasterfiler som JPEG-filer, lagrer vektorfiler bilder via matematiske formler basert på punkter og linjer på et rutenett. Dette betyr at du kan endre størrelsen på vektorfiler, for eksempel SVG-filer, betraktelig uten å miste noe av kvaliteten, noe som gjør dem ideelle for logoer og kompleks grafikk på nettet.
Det er ikke kun muligheten for å endre størrelse som gjør SVG-filene svært populære blant webdesignere. SVG-filer er skrevet i XML-kode, noe som betyr at de lagrer all tekstinformasjon som bokstavelig tekst i stedet for former. Dette gjør at søkemotorer som Google kan lese SVG-grafikk for søkeordene sine, noe som potensielt kan hjelpe et webområde med å rykke opp i søkerangeringer.
Du kan enkelt identifisere en SVG-fil ved hjelp av filtypen SVG.
Skalerbar vektorgrafikk har kommet langt de siste årene – men hva brukes SVG-filene til i praksis?
Ikoner og logoer på webområder.
Designere bruker ofte SVG-filer for å vise webområdeikoner, for eksempel knapper, og bedriftslogoer. Filtypens mulighet for opp- eller nedskalering uten at det går på bekostning av kvaliteten, betyr at filene er ideelle for grafikk som må vises på flere steder og i ulike størrelser.
Infografikk og illustrasjoner.
Takket være bruken av XML i SVG-filer kan søkemotorer som Google lese teksttunge diagrammer og grafer, noe som kan hjelpe med søkemotoroptimaliseringen. Google kan registrere søkeord i SVG-filene, og derfor kan de potensielt føre til at en nettside får høyere rangering i søkeresultatene. I tillegg støtter SVG-filer animasjon, og det bidrar til å gjøre nettsidene mye mer interessante.
Utforsk flere vektorfiler
SVG-filformatet er ikke kun for statiske bilder. Du vil oppdage en rekke nettbaserte verktøy som kan hjelpe deg med å innlemme bevegelige elementer i webgrafikken. SVG-animasjoner kan inneholde relativt grunnleggende elementer, for eksempel en skyvefunksjon for flytting mellom forskjellige lysbilder i en infografikk. Illustrasjoner kan også lages for å bevege seg, for eksempel tikkende visere på en urskive.
Den enkleste måten å identifisere en SVG-fil på er ved å kontrollere filtypen. En SVG-fil er oppført med filtypen SVG. Du kan også identifisere vektorbilder som SVG-filer ved å forstørre dem til 200 % eller høyere på dataskjermen. Et vektorbilde beholder de rene linjene og solide fargene i stedet for å bli pikselert eller uskarpt.
Selv om SVG-bilder hovedsakelig brukes på nettet, har de et liv utenfor nettuniverset. For eksempel kan SVG-filer være nyttige som maler for trykk på klær, for eksempel på T-skjorter, fordi de ikke blir forvrengt når størrelsen endres fra de originale målene. En JPEG-fil, bygd opp av mange piksler, vil ikke overføres like rent.
Størrelsen på en SVG-fil avhenger av hvor mye bildedata den inneholder – men den er vanligvis mindre enn de fleste andre filtyper. Kompleks grafikk med mange baner og ankerpunkter tar opp mer lagringsplass enn enkel og ren design. Prøv å minimere antallet komplekse instruksjoner i filen.
I et nøtteskall er SVG-filer vektorfiler, mens PNG-filer er rasterfiler. Hvis du strekker en PNG-fil for langt eller klemmer den sammen for mye, blir den uskarp og pikselert. SVG-filer inneholder ingen piksler, så de vil aldri miste oppløsning. I tillegg støtter ikke PNG-filer animasjon.
