Hur minskar jag storleken på en SVG-fil?

Släpp en .svg-fil eller klistra in dess källkod, behåll standardalternativen och jämför storlekarna Ursprunglig och Optimerad. Använd sedan Hämta .svg eller Kopiera för att ta det mindre resultatet.

Vad tar SVG-optimeraren bort som standard?

Som standard tar den bort kommentarer, metadata inklusive title, desc och Inkscape- eller Sodipodi-data, extra blanksteg, redundanta standardattribut och XML-deklarationen, samt avrundar tal till 2 decimaler.

Varför behålls element-ID:n efter optimering?

Ta bort element-id-attribut är avstängt som standard eftersom CSS- eller JavaScript-animationer kan referera till dessa ID:n. Slå på det endast om inget på din sida är beroende av dem.

Varför försvann mina SVG-animationer?

Script-taggar, on-event-attribut, externa referenser och SMIL-animationselement som animate och set tas bort av säkerhetsskäl, så den optimerade SVG:n är statisk.

Kan jag använda den optimerade SVG:n i React eller CSS?

Ja. Förutom Kopiera och Hämta .svg finns Kopiera som JSX, som konverterar attribut till camelCase, och Kopiera CSS-bakgrund. Den visuella förhandsgranskningen låter dig kontrollera att den fortfarande renderas korrekt.

Är det verkligen gratis?

Ja. Alla verktyg är gratis att använda, utan konto och utan kreditkort. Arbetet utförs på din enhet istället för på våra servrar, vilket är det som gör det gratis att köra.

Laddas mina filer upp?

Nej. Dina filer öppnas och bearbetas i din webbläsare och skickas inte till LibraTool. Vissa verktyg laddar först ned en bearbetningsmotor eller AI-modell till din webbläsare; den nedladdningen innehåller inga data från dig.

Fungerar det på mobil?

Ja. Det fungerar i moderna mobilwebbläsare på iOS och Android, utan installation. Mycket stora filer kan gå långsamt eller ta slut på minne i en telefon, så använd en dator för dem.

✨

Gratis SVG-optimerare och minifierare

Ta bort metadata, dra ihop blanksteg och runda decimaler för att dramatiskt krympa SVG-filstorleken — typiska minskningar på 30–70 %. Visuell förhandsvisning verifierar att inget bryts.

Filstorleken beror på din enhetFiler förblir privataIngen inloggning krävsGratis för alltid

Fungerar offline när den väl lästs in

Släpp en fil här, eller klicka för att bläddra

SVG · bearbetas på din enhet

eller tryck Ctrl+V för att klistra in från urklipp

Bläddra bland filer

— eller klistra in SVG nedan —

Dina filer lämnar aldrig din enhet. All bearbetning sker lokalt i din webbläsare.

Vanliga användningar

Optimera SVG-ikoner för produktionRensa onödig metadata från ikon-SVG:er innan du skickar — vanligt 50-80% minskning.
Optimera varumärkeslogo SVG:erMinska SVG-logofilst lek för snabb webbplatsladdning utan att offra kvalitet.
Optimera illustrationer och hero SVG:erFör större illustrationer (heroes, dekorativa grafik) kan optimering spara 30-70% av filstorleken.
Minska JavaScript Bundle-storlekNär SVG:er importeras som React-komponenter eller inbäddas i kod, minskar optimeringen din JS-bundle.
Rensa Figma / Sketch SVG-exporterFigma och Sketch SVG-exporter innehåller omfattande metadata. Rensa det innan användning i produktion.

Så här fungerar det

Det här verktyget minskar SVG-filstorlek med en handskriven optimerare som körs helt i din webbläsare — inga bibliotek, ingen server. Det kombinerar två steg: webbläsarens inbyggda DOMParser/XMLSerializer för attributnivåprecision, och riktade regex-substitutioner för borttagning av kommentarer, metadata och blankstegskomprimering.

1
DOMParser sanerar SVG:n
Innan någon optimering läser webbläsarens DOMParser SVG:n som XML och går igenom varje element. Script-taggar, händelsehanterare (alla on*-attribut), animationselement och externa URL-referenser tas bort ovillkorligen — detta körs oavsett vilka optimeringsalternativ du väljer.
2
DOM-baserad decimalavrundning
Om decimalavrundning är aktiverat går optimeraren igenom den tolkade DOM:en en andra gång och tillämpar avrundning bara på kända numeriska attribut (path d-data, koordinater, transform-värden, linjebredder, osv.), med hjälp av ett regex som matchar enskilda flyttal utan att förstöra sammanfogade path-värden som .5.5.
3
Regex-steg städar den serialiserade koden
XMLSerializer skapar normaliserad XML, och riktade strängersättningar tar sedan bort HTML-kommentarer, Inkscape/Sodipodi-redigerarmetadata, XML-deklarationen, redundanta standardattribut (som version="1.1"), och blanktecken mellan taggar — varje steg avgränsat snävt så att textnodinnehåll aldrig berörs.
4
Gzip-storlek och exportformat
Webbläsarens CompressionStream-API beräknar de verkliga gzip-storlekarna för både indata och utdata, eftersom det är vad som faktiskt avgör överföringskostnaden på webben. Den optimerade SVG:n kan laddas ned, kopieras som rå SVG, omvandlas till React JSX-klara camelCase-attribut, eller kodas som en CSS-data-URI — alla omvandlingar sker lokalt.

Din SVG läses och bearbetas helt inom din webbläsarflik — filbytesen lämnar aldrig din enhet.

Relaterade verktyg

🗜️

CSS-minifierare och -formatering

Minifiera CSS för att minska filstorleken eller formatera minifierad CSS för läsbarhet. Direkt, i din webbläsare.

Prova det

🗜️

GIF-komprimering

Gör en animerad GIF mindre: få den under en storleksgräns som Discords 256 KB för emoji eller 512 KB för klistermärken, eller välj färger, bredd och bildrutor själv. Körs i webbläsaren och GIF-filen laddas inte upp.

Prova detFiler stannar lokalt

📄

PDF-komprimerare

Komprimera PDF-filer för att minska deras storlek. Välj en kvalitetsnivå — högre komprimering ger mindre filer men lägre bildkvalitet.