SVG-visare och Optimerare
SVG-visaren och optimeraren renderar inklistrad SVG-kod som förhandsvisning i realtid och minifierar den genom att ta bort XML-deklarationen, kommentarer, elementen title, desc och metadata samt onödiga blanksteg, och visar hur mycket som sparats.
Om verktyget
SVG-visaren och optimeraren renderar inklistrad SVG-kod som förhandsvisning i realtid och minifierar den genom att ta bort XML-deklarationen, kommentarer, elementen title, desc och metadata samt onödiga blanksteg, och visar hur mycket som sparats.
Så använder du det
- Klistra in din SVG-kod i inmatningsrutan.
- Kolla förhandsvisningen.
- Klicka på Optimize SVG för att minifiera och se hur mycket mindre den blev.
- Kopiera resultatet eller ladda ner det som .svg-fil.
Bra att veta
- Program som Illustrator och Inkscape lägger ofta till kommentarer, metadata och blanksteg som webbläsare inte behöver.
- Att ta bort den koden gör oftast en SVG märkbart mindre utan att utseendet ändras.
- Optimeraren tar bort elementen title och desc; behåll en title om SVG:n behöver ett tillgängligt namn.
- Förhandsvisningen renderar SVG:n som en bild, så skript i filen körs inte.
- SVG-filer komprimeras bra med gzip eller Brotli på din webbserver.
Körs helt i din webbläsare – inget du skriver in laddas upp eller sparas.
Vanliga frågor
Hur visar jag en SVG-fil?
Öppna den i valfri modern webbläsare, eller klistra in koden här för att se en förhandsvisning direkt.
Hur minskar jag storleken på en SVG-fil?
Ta bort metadata från redigeringsprogram, kommentarer och onödiga blanksteg, vilket är vad Optimize SVG gör. För större besparingar kan ett verktyg som SVGO även förenkla banor.
Är det säkert att klistra in SVG-kod här?
Ja. SVG:n bearbetas och förhandsvisas bara i din webbläsare, och den visas som en bild så inbäddade skript körs inte.
Ändrar optimeringen hur min SVG ser ut?
Nej. Bara icke-visuellt innehåll som kommentarer, metadata och blanksteg tas bort; former och färger förblir desamma.