SVG-visare och Optimerare — Förhandsgranska och Minifiera SVG Gratis

SVG:er exporterade från designverktyg innehåller ofta onödig metadata, kommentarer och redundanta attribut som ökar filstorleken. Vår SVG-visare och optimerare låter dig förhandsgranska SVG-kod direkt och reducera den till de väsentliga elementen, vilket minskar filstorleken med 20–60 % utan att ändra det visuella resultatet.

Vad är SVG-optimering?

SVG-optimering tar bort onödiga data från SVG-filer — redigeringsmetadata, standardattributvärden, tomma grupper, redundanta transformationer och överdriven decimalnoggranhet. Resultatet är en mindre fil som renderas identiskt i webbläsaren men laddas snabbare.

Hur använder du SVG-visaren och optimeraren?

Klistra in din SVG-kod i inmatningsrutan. En visuell förhandsvisning renderar SVG:en direkt så att du kan verifiera att den ser korrekt ut. Klicka Optimera för att ta bort onödiga data och minifiera koden. Jämför filstorlekar före och efter och kopiera den optimerade SVG:en.

Bästa praxis

Förhandsgranska alltid den optimerade SVG:en innan användning — aggressiv optimering kan ibland ta bort nödvändiga element, speciellt med komplexa filter eller klippstigar. Ta bort fasta bredd-/höjdattribut för ikoner och använd viewBox istället — detta gör SVG:en skalbar med CSS. Använd SVG:er istället för PNG:er för ikoner, logotyper och enkla illustrationer.