Skalerbar vektorgrafik (SVG) er et internetvenligt vektorfilformat. I modsætning til pixelbaserede rasterfiler som JPEG-filer lagrer vektorfiler billeder via matematiske formler baseret på punkter og linjer på et gitter. Det betyder, at vektorfiler som SVG kan tilpasses markant i størrelse uden at miste noget i kvalitet, hvilket gør dem perfekt egnet til logoer og kompleks online-grafik.
Det er ikke bare deres mulighed for tilpasning af størrelse, der gør SVG-filer enormt populære hos webdesignere. SVG-filer er skrevet i XML-kode, hvilket betyder, at de lagrer alle tekstinformationer som bogstavelig tekst frem for former. Dette betyder, at søgemaskiner som Google kan læse SVG-grafik gennem deres nøgleord, hvilket potentielt kan hjælpe en hjemmeside med at opnå en højere placering i søgeresultater.
Du kan nemt genkende en SVG-fil på dens .svg filtypenavn.
Skalerbar vektorgrafik er nået langt inden for de seneste år - men hvad anvendes SVG-filer til i praksis?
Hjemmesideikoner og -logoer
Designere anvender ofte SVG-filer til at vise hjemmesideikoner som knapper, samt virksomhedslogoer. Denne filtypes evne til at skalere op eller ned uden at ødelægge kvaliteten, betyder at de egner sig perfekt til grafik, der skal vises flere forskellige steder og i mange forskellige størrelser.
Infografik og illustrationer
Takket være brugen af XML i SVG-filer kan søgemaskiner som Google læse teksttunge diagrammer og grafer, der kan hjælpe ved søgemaskineoptimering. Fordi Google kan registrere nøgleord i SVG-filer, kan det potentielt give en hjemmeside en højere placering i søgeresultater. Og for at hjælpe med at gøre hjemmesider meget mere interessante, understøtter SVG-filer også animation.
Opdag flere vektorfiler
SVG-filformatet er ikke kun beregnet til statiske billeder. Du vil opdage en lang række online-værktøjer, der kan hjælpe dig med at indføre bevægelige elementer i din webgrafik. SVG-animationer kan indeholde relativt grundlæggende elementer, som f.eks. en skydeknapfunktion, der kan flyttes mellem forskellige slides i en infografik. Illustrationer kan også laves, så de kan bevæge sig, som f.eks. tikkende visere på en urskive.
Den letteste måde at genkende en SVG-fil er at tjekke filtypekoden. En SVG-fil anføres som en .svg-fil. Du kan også genkende vektorbilleder som SVG-filer ved at forstørre dem op til 200 % eller mere på din computerskærm. Et vektorbillede vil bevare sine rene linjer og dækkende farver i stedet for at blive pixelerede eller slørede.
Selv om SVG-billeder primært anvendes på internettet, har de også et liv andre steder end i online-verdenen. Fordi de ikke bliver forvrænget, når de ændrer størrelse fra originale dimensioner, kan SVG-filer for eksempel også anvendes som skabeloner til tryk på tøj, som f.eks. T-shirts. En JPEG-fil, der er skabt af masser af pixler, ville ikke kunne overføres så rent.
Størrelsen af en SVG-fil afhænger af, hvor mange billeddata den indeholder - men det er normalt mindre end de fleste andre filtyper. Kompleks grafik med mange stier og ankerpunkter vil optage mere plads end mere simple, renere design. Forsøg at reducere antallet af komplekse instruktioner, der er indeholdt i din fil.
SVG-filer er i bund og grund vektorfiler, hvorimod PNG-filer er rasterfiler. Hvis du udvider en PNG-fil for meget eller gør den for lille, så bliver den sløret og pixeleret. SVG-filer indeholder ikke pixler, så de mister aldrig opløsning. Dertil kommer, at PNG-filer ikke understøtter animation.
