I denna handledning ska jag visa dig hur du kan spara din skapade vektorgrafik i Scalable Vector Graphics (SVG) format. SVG-filer är särskilt lämpliga för användning på internetet, eftersom de behöver lite lagringsutrymme och kan skalas till olika storlekar utan att förlora kvalitet. Oavsett om du har din företagslogotyp, en ikon eller en ritning - efter att du har skapat din vektorgrafik i Inkscape, kommer jag att guida dig genom sparprocessen så att du kan använda dina verk optimalt för webben.

Viktigaste insikter

  • SVG-filer erbjuder hög skalbarhet och låg filstorlek.
  • Inkscape sparar vektorgrafik i SVG-formatet som innehåller specifik information om lager och hjälplinjer.
  • Det finns olika typer av SVG: Inkscape:s eget SVG och optimerade SVG-filer, som lämpar sig bättre för webben.

Steg-för-steg-guide

För att spara din vektorgrafik i SVG-format, följ dessa steg:

Först och främst bör du se till att din design är klar in Inkscape. Om det är fallet, klicka på Arkiv i den övre menyraden.

Exportera vektorgrafik i Inkscape för webben

I rullgardinsmenyn väljer du sedan alternativet Spara som. Detta öppnar ett nytt fönster där du kan välja spardestination och filtyp.

Exportera vektorgrafik i Inkscape för webben

Standardmässigt sparar Inkscape i sitt eget SVG-format som innehåller information om lagren och din designs struktur. För webbanvändning är det emellertid bättre att använda en optimerad variant. Sök efter destinationsmappen på din hårddisk där du vill spara filen.

Exportera vektorgrafik i Inkscape för webben

Välj antingen normalt SVG eller optimerat SVG i rullgardinsmenyn för filtyp. För första försöket välj normalt SVG.

Exportera vektorgrafik i Inkscape för webben

Ge filen ett namn, exempelvis Logga_normal, och bekräfta med Spara. Denna fil är nu sparad i normalt SVG-format.

Exportera vektorgrafik i Inkscape för webben

Du kommer att märka att denna fil vanligtvis är mindre än Inkscape SVG, som kan vara cirka 11 KB. Det normala SVG kan vara endast 6 KB, vilket redan kräver betydligt mindre lagringsutrymme.

Exportera vektorgrafik i Inkscape för webben

Upprepa sedan processen genom att klicka igen på Arkiv och sedan på Spara som, men välj denna gång optimerat SVG.

Exportera vektorgrafik i Inkscape för webben

Döp filen till exempelvis Logga_optimerad och spara den. Du kommer att bli ombedd att välja mellan några alternativ. Här kan du konvertera CSS-attribut till XML-attribut och göra olika optimeringsinställningar. Jag rekommenderar att du väljer de alternativ som du tycker är bäst.

Exportera vektorgrafik i Inkscape för webben

Bekräfta ditt val och kolla på den nya filstorleken. Den optimerade varianten kommer oftast vara endast 4 KB. Det visar att filen har komprimerats ännu mer genom denna metod.

Exportera vektorgrafik i Inkscape för webben

När du nu öppnar filerna i webbläsaren kommer du att märka att både det normala och det optimerade SVG ser identiska ut. Skriv in filernas URL:er i webbläsarens adressfält för att kontrollera resultatet.

Exportera vektorgrafik i Inkscape för webben

För att testa deras skalbarhet kan du justera webbläsarens zoomnivå. Till exempel, om du zoomar in till 50% eller upp till 300%. Du kommer att märka att kanterna förblir skarpa oavsett zoomnivå.

Exportera vektorgrafik i Inkscape för webben

Dessa egenskaper hos SVG-filer gör dem lämpliga för användning på webbsidor. Du kan vara säker på att din logotyp kommer att visas tydligt och klart på alla enheter, oavsett hur stor du visar den.

Exportera vektorgrafik i Inkscape för webben

Genom att använda SVG-format för dina grafik minskar du inte bara filstorleken, utan du säkerställer också att kvaliteten på dina designer förblir densamma i varje upplösning.

Exportera vektorgrafik i Inkscape för webben

Summering

I denna handledning har du lärt dig hur du kan spara dina vektorgrafik i SVG-format. Detta gör det möjligt för dig att använda dina designer effektivt för webben och erbjuda fördelarna med skalbarhet och liten filstorlek.

Vanliga frågor

Hur sparar jag en vektorgrafik i Inkscape som SVG?Klicka på Fil, sedan på Spara som, välj SVG-formatet och ange ett filnamn.

Vad är skillnaden mellan vanlig SVG och optimerat SVG?Vanlig SVG innehåller mer information om de olika lagren, medan optimerad SVG är komprimerad och rensad för webbanvändning.

Hur testar jag skalbarheten av min SVG-fil?Öppna SVG-filen i webbläsaren och justera zoomnivån för att kontrollera kvaliteten vid olika storlekar.