Hoppa till innehåll

SVG-minimerare

Minska SVG-markup genom att ta bort XML-skräp, kommentarer och editor-metadata.

Inmatning
Utmatning

SVG-minimerare

Klistra in en SVG exporterad från Illustrator, Inkscape eller Figma och detta verktyg returnerar en minimerad version med samma utseende och mycket mindre filstorlek. Det tar bort XML-deklarationen, kommentarer, redigerarspecifika metadata (Inkscape- och Illustrator-namnrymdelement och -attribut), tomma grupper och mellanslag mellan taggar — allt som en webbläsare eller en <img>-tagg aldrig behövde.

Decimaler styr hur många siffror koordinater och andra numeriska attribut behåller, så "12.34567" blir "12.35" på standardvärdet två. Ta bort id och class tar bort båda, förutom ett id som fortfarande refereras av en url(#…)-fyllning eller en href="#…"-länk — dessa förblir, så gradienter, klippvägar och <use>-element fortsätter att fungera. Ta bort bredd/höjd, behåll viewBox tar endast bort yttre dimensioner när en viewBox finns för att ta över storlek, så SVG skalas fortfarande korrekt. Förkorta hex-färger gör "#ffffff" till "#fff" där alla tre kanaler fördubblas, och lämnar allt annat oförändrat.

Felaktig markup — en oavslutad eller felaktig tagg — rapporteras som ett fel i stället för att gissas, eftersom ett minimerings verktyg som tyst lagar bruten XML kan ändra vad som återges. Text inuti <text>, <tspan> och inline <style> förblir exakt som skriven, eftersom mellanslag där är en del av innehållet, inte formatering. Windows- och Unix-radslut hanteras på samma sätt, och den aktiva sammanfattningen visar bytes in, bytes ut och procentandel sparad.

Allt körs lokalt i din webbläsare: SVG-filerna lämnar aldrig din enhet, vilket är viktigt för opublicerade ikonuppsättningar och kundgrafik. Kopiera resultatet, hämta det som en .txt-fil, eller skicka tillbaka det till inmatningen för att köra en till omgång med olika alternativ.

FAQ

Förändrar detta hur SVG-bilden ser ut?
Nej. Det tar endast bort markup som inte har någon visuell effekt — kommentarer, metadata, tomma grupper och extra mellanslag — och avrundar koordinater, vilket ändrar renderingen med mindre än en pixel vid standardprecision.
Är det säkert att ta bort ids och classes?
Verktyget behåller alla ids som fortfarande refereras av en url(#…)-fyllning/stroke eller en href="#…"-länk, så gradienter, klippvägar och återanvändade ikoner fortsätter att fungera. Endast orefererade ids och alla classes tas bort.
Vad händer om min SVG har ett syntaxfel?
Verktyget rapporterar det i stället för att gissa — en oavslutad eller felaktig tagg returnerar ett lugnt felmeddelande så att du kan åtgärda markeringen och försöka igen.
Bryter borttagning av bredd och höjd bilden?
Endast när en viewBox är närvarande tar verktyget bort dem — viewBox ensam räcker för att SVG-bilden ska skaleras till vilken storlek dess behållare ger den.
Laddas min SVG-fil upp någonstans?
Nej. Minimeringen körs helt i din webbläsare — din fil lämnar aldrig din enhet.