Verktyget laddar den officiella SVGO-motorn för webbläsare först när du klickar på Optimera. Det använder standardinställningen för plugin-program, tar bort skript och händelsehanterare för säkrare webbanvändning och låter dig behålla ID:n som används av CSS, JavaScript, övertoningar, masker eller externa referenser.
Komprimera SVG gratis
Körs helt i din webbläsare - inget laddas upp, ingen registrering.
Skript och händelsehanterare tas bort
Ursprunglig SVG
Optimerad SVG
Ctrl eller Command + Enter
Klistra in SVG-kod eller välj en fil för att börja
Vad gör en SVG-komprimerare?
En SVG-komprimerare minskar storleken på vektorfiler genom att ta bort metadata från redigeringsprogram, kommentarer, överflödiga attribut och onödiga decimaler. Klistra in koden eller välj en fil för att köra SVGO i webbläsaren, jämför originalet med den optimerade versionen och kopiera eller ladda ned den mindre SVG-filen utan att ladda upp bilden.
Så använder du verktyget
- 1Lägg till din SVG. Klistra in fullständig SVG-kod, dra en lokal .svg-fil till uppladdningsområdet eller öppna det inbyggda exemplet.
- 2Välj säkra inställningar. Ange numerisk precision, låt flerpassoptimering vara aktiverad för extra minskning och behåll ID:n om annan kod hänvisar till dem.
- 3Optimera och jämför. Kör SVGO och jämför antalet byte samt förhandsvisningarna av originalet och den optimerade versionen.
- 4Kopiera eller ladda ned. Kopiera den kompakta koden eller ladda ned en ny .optimized.svg-fil utan att ändra originalbilden.
Vem passar det för
- Frontendutvecklare som minskar ikoner, logotyper och illustrationer innan de läggs till på en webbplats eller i ett komponentbibliotek.
- Designers som rensar bort metadata och programspecifik kod från exporter i Figma, Illustrator, Sketch eller Inkscape.
- Prestandateam som mäter den exakta besparingen i UTF-8-byte innan vektorfiler publiceras i ett webbpaket.
- Komponentutvecklare som förbereder kompakt inbäddad SVG-kod för React, Vue, Svelte eller vanlig HTML.
Vanliga frågor
Är SVG-komprimeraren gratis?
Ja. Du kan optimera SVG-filer utan konto, betalning eller installation. Verktyget visar den exakta förändringen i UTF-8-byte och låter dig kopiera eller ladda ned resultatet direkt i webbläsaren.
Laddas min SVG upp till en server?
Nej. Filläsning, SVGO-bearbetning, bytemätning och förhandsvisningar sker lokalt i webbläsaren. Verktyget laddar inte upp dina logotyper, ikoner eller opublicerade bilder.
Hur stor SVG-fil kan jag optimera?
Verktyget tar emot SVG-kod upp till 5 MB. Gränsen håller bearbetningen snabb på mobiler och vanliga bärbara datorer. Mycket stora exporterade illustrationer fungerar ofta bättre om du först tar bort inbäddade rasterbilder eller delar upp bilden i mindre filer.
Kan optimeringen ändra hur SVG-filen ser ut?
SVGO är gjort för att bevara återgivningen medan överflödiga data tas bort, men kraftig avrundning eller rensning av ID:n kan påverka komplexa filer. Jämför båda förhandsvisningarna och testa den optimerade filen där den ska användas innan du ersätter en fil i produktion.
Vad påverkar decimalprecisionen?
Decimalprecisionen styr hur många decimaler SVGO behåller i koordinater, transformeringar och andra tal. Lägre värden sparar ofta fler byte men kan flytta mycket små detaljer i precisa eller ovanligt stora bilder. Tre decimaler är en bra standard för de flesta webbikoner och illustrationer.
Bör jag behålla SVG-ID:n?
Behåll ID:n när CSS, JavaScript, aria-attribut, övertoningar, masker, filter eller externa dokument hänvisar till dem. För fristående dekorativa filer kan du stänga av alternativet så att SVGO tar bort eller förkortar oanvända identifierare.
Tar optimeraren bort skript från SVG-filer?
Ja. Bearbetningen tar bort script-element, attribut för händelsehanterare och JavaScript-länkar. Det gör exporterade filer säkrare som vanliga webbilder, men verktyget passar inte SVG-appar vars funktion är beroende av skript.
Vad gör flerpassoptimering?
Med flerpassläget bearbetar SVGO resultatet igen så länge nästa körning kan göra det mindre. Vissa omvandlingar öppnar nya möjligheter för rensning i följande körning. Den extra vinsten är oftast liten eftersom den första körningen står för större delen av minskningen.