SVG-optimering
Välj en statisk SVG-fil eller klistra in kod för att optimera den. Jämför visning, kod och filstorlek före och efter optimering och kopiera sedan resultatet eller spara det som SVG.
Det här kan du göra
Optimera SVG-filers storlek
Rensa bort kommentarer, metadata från redigeringsprogram, numeriska representationer och annat innehåll.
Kontrollera före och efter och spara sedan
Jämför visningen, koden och filstorleken och kopiera eller spara sedan den optimerade SVG-filen.
Så använder du verktyget
Ange SVG
Välj 1 SVG-fil eller klistra in kod.
Justera inställningarna vid behov
Kontrollera decimalprecision och vilken information som ska tas bort i de avancerade inställningarna. Du kan oftast börja med standardvärdena.
Jämför visning och filstorlek
Kör optimeringen och kontrollera ändringarna i utseende, kod och filstorlek.
Spara den optimerade SVG-filen
Kopiera den resulterande koden eller ladda ned den som en SVG-fil.
Användbart när
Minska filstorleken på logotyper och ikoner
Städa bort en SVG innan du publicerar den på webben och kontrollera balansen mellan utseende och filstorlek.
Städa bort redigeringsinformation
Ta bort metadata och kommentarer från redigeringsprogram vid behov och spara sedan.
Det här bör du kontrollera när du optimerar SVG
Metadata och visning är skilda åt
Du kan ta bort information från redigeringsprogram och kommentarer. Titlar, beskrivningar och liknande innehåll behålls beroende på inställningarna.
När decimalprecisionen påverkar former
Att avrunda decimaler i koordinater och andra värden kan förändra tunna konturer eller positioner. Jämför före och efter bearbetningen.
Kontrollera även CSS och referenser på mottagarsidan
ID:n och viewBox behålls men koden städas. Om du använder extern CSS eller liknande referenser ska du kontrollera utseendet där SVG-filen faktiskt publiceras.
Statiska SVG stöds
SVG som innehåller skript, externa referenser, inbäddade bilder eller animation utesluts. Referenser som finns i SVG-filen stöds.
Vanliga frågor
Minskas filstorleken alltid?
För SVG som redan är optimerade kan filstorleken vara oförändrad eller större. Ta beslutet utifrån den resulterande filstorleken.
Förblir utseendet oförändrat?
Det kan ändras beroende på inställningar som decimalprecision. Kontrollera förhandsvisningarna före och efter samt hur det visas där det publiceras.
Kan jag också kontrollera den ursprungliga koden?
Öppna ”Kod före optimering” i resultatet för att kontrollera innehållet före den här bearbetningen.
Filhantering
- Indata
- Använd statisk SVG i UTF-8. Originalfilen skrivs inte över.
- Utdata
- Optimerad SVG-kod och en .min.svg-fil.