Vad du behöver veta om filformatet SVG

En bild i formatet Scalable Vector Graphics (SVG) är en 2D-bild som stöder animationer och interaktivitet. SVG-filens beteende definieras i en XML-textfil, som anger kodningsregler som kan läsas av både människor och datorer. Dessa filer kan skalas till olika storlekar utan att bildkvaliteten förändras. Alla moderna webbläsare stöder nu SVG-formatet.

När du vill skapa bilder för din webbplats behöver du välja mellan vektorbilder och rasterbilder. Rasterbilder består av pixlar och har en bestämd upplösning. Därför ser bilden grynig eller pixlig ut när du zoomar in eller förstorar den.

Vektorbilder skapas däremot med linjer, punkter och former. Det gör dem till det bästa alternativet för skalbara bilder, eftersom ingen bildkvalitet går förlorad när storleken ändras. Mycket av grafiken för tryck och webbplatser skapas i SVG-format för att storleken enkelt ska kunna anpassas i framtiden. SVG-formatet används ofta för logotyper, typografi, ikoner och illustrationer.

Fördelar med SVG-filer

Skalbarhet

Skärmens upplösning eller storlek spelar ingen roll när du visar SVG-bilder. Till skillnad från PNG och JPG, som kan se suddiga ut när de förstoras, behåller SVG-bilder sin höga kvalitet. Det är möjligt eftersom kvaliteten är oberoende av upplösningen.

Webbplatsens prestanda

När SVG-filer är rätt optimerade är de mindre än filer i andra format. Det minskar sidornas laddningstid och förbättrar webbplatsens prestanda. Användarupplevelsen blir också bättre, eftersom besökarna snabbare kan navigera mellan webbplatsens sidor.

Enkel redigering

Du kan enkelt redigera SVG-filer med vanliga grafikprogram. Adobe Illustrator, Corel och Sketch används ofta. Du kan även använda en textredigerare, eftersom du kan ändra märkkoden direkt.

Stöd för animationer

Tekniker som JavaScript kan användas för att ändra SVG-filer och göra dem mer interaktiva och iögonfallande. Animerade SVG-bilder kan göra en webbplats mer intressant.

Kontroll över utseendet

SVG-filer ger dig friheten att välja hur dina bilder ska se ut. Linjefärg, storlek, fyllningsfärg och andra egenskaper är enkla att styra. Du behöver inte heller använda bildsprites för att lägga till en effekt när muspekaren förs över en bild.

Nackdelar med SVG-filer

• Formatet fungerar bara med 2D-grafik, så fotografier stöds inte.
• Du behöver ett WordPress-tillägg (WP SVG) för att kunna använda filformatet SVG på din WordPress-webbplats. Av säkerhetsskäl tillåter WordPress inte SVG-bilder om du inte uttryckligen aktiverar det.

Så konverterar du till SVG

Med Filestar kan du enkelt konvertera över hundra olika filtyper till SVG. Följ den här länken för att hitta alla skills för filformatet SVG. Med skrivbordsappen Filestar kan du konvertera filer till SVG i några få steg. När du har laddat ner Filestar följer du dessa steg.

• Högerklicka på filen på din dator som du vill konvertera och välj Convert with Filestar
• Skriv ‘convert to SVG’ i sökrutan
• Klicka på RUN
• SVG-bilden sparas automatiskt på din dator

Eller titta på den korta videon nedan, som vi har gjort för dig med ett exempel där PDF konverteras till SVG.