Eksporter vektorgrafikker i Inkscape til web'en

I denne vejledning vil jeg vise dig, hvordan du gemmer din oprettede vektorgrafik i Scalable Vector Graphics (SVG) format. SVG-filer er særligt velegnede til brug på internettet, da de kræver lidt plads og kan skaleres i vilkårlige størrelser uden at miste kvalitet. Uanset om du har din virksomhedslogo, et ikon eller en tegning - efter at have oprettet din vektorgrafik i Inkscape, vil jeg introducere dig til gemmeprocessen, så du kan optimere dine værker til webbrug.

Vigtigste erkendelser

• SVG-filer tilbyder høj skalérbarhed og lille filstørrelse.
• Inkscape gemmer vektorgrafikker i SVG-format, som indeholder specifikke oplysninger om lag og hjælpelinjer.
• Der er forskellige typer SVG: det native Inkscape SVG og optimerede SVG'er, som er bedre egnet til internettet.

Trin-for-trin vejledning

For at gemme din vektorgrafik i SVG-format, skal du følge disse trin:

Først skal du sikre dig, at dit design er færdiggjort i Inkscape. Når det er tilfældet, skal du klikke på Filer i den øverste menu.

I rullemenuen vælger du derefter muligheden Gem som. Dette åbner et nyt vindue, hvor du kan vælge placering og filtype.

Inkscape gemmer som standard i sit eget SVG-format, der indeholder oplysninger om lag og strukturen i dit design. Til webbrug er det dog bedre at bruge en optimeret variant. Find placeringen på din harddisk, hvor du vil gemme filen.

Vælg i rullemenuen for filtypen enten almindelig SVG eller optimeret SVG. Til det første forsøg skal du vælge almindelig SVG.

Giv filen et navn, f.eks. Logo_normal, og bekræft med Gem. Denne fil er nu gemt i almindeligt SVG-format.

Du vil se, at denne fil normalt er mindre end Inkscape SVG, som kan være omkring 11 KB stor. Almindelig SVG kan kun være 6 KB stor, hvilket allerede kræver betydeligt mindre lagerplads.

Gentag nu processen ved at klikke på Fil og derefter Gem som igen, men vælg denne gang optimeret SVG.

Omdøb filen f.eks. Logo_optimiert og gem den. Du bliver bedt om nogle valgmuligheder. Her kan du konvertere CSS-attributter til XML-attributter og foretage forskellige optimeringsindstillinger. Jeg anbefaler at vælge de indstillinger, der virker bedst for dig.

Bekræft dit valg og se på den nye filstørrelse. Ofte vil den optimerede variant kun være 4 KB stor. Dette viser, at filen er yderligere komprimeret ved denne metode.

Hvis du åbner filerne i din browser, vil du bemærke, at både den almindelige og den optimerede SVG ser identiske ud. Indtast URL'erne til filerne i din browsers adressefelt for at kontrollere resultatet.

For at teste deres skalerbarhed kan du justere zoomniveauet på din browser. For eksempel, hvis du zoomer til 50% eller helt op til 300%. Du vil opdage, at kanterne forbliver skarpe, uanset zoomniveauet.

Disse egenskaber ved SVG-filer gør dem velegnede til brug på hjemmesider. Du kan være sikker på, at dit logo vises klart og tydeligt på alle enheder, uanset hvor stort du viser det.

Ved at bruge SVG-format til dine grafikker reducerer du ikke kun filstørrelsen, men du sikrer også, at kvaliteten af dine designs bevares ved enhver opløsning.

Resumé

I denne vejledning har du lært, hvordan du gemmer dine vektorgrafikker i SVG-format. Dette giver dig mulighed for effektivt at bruge dine designs på nettet og tilbyder fordelene ved skalerbarhed og lav filstørrelse.