Verktyg95

SKAPA NÅGOT FANTASTISKT

SVG-komprimerare.

Komprimera och förminska SVG-filer med live-jämförelse och total storlek. Justera precision, behåll titlar och beskrivningar, och ladda ner en SVG eller en batch-ZIP.

Annonser
Din bildarbetsyta
På din enhet
eller dra och släpp här
SVG
Välj din bild för att komma igång.BILD
Annonser
Blogg Hur man komprimerar SVG-filer Läs guiden

Gör SVG-grafik lättare medan du granskar varje ändring

Optimera statiska SVG-ikoner och illustrationer med en förhandsgranskning sida vid sida och jämförelse av filstorlek. Justera precision, behåll tillgängliga beskrivningar och ladda ner den optimerade SVG eller en ZIP-fil med filer.

En tydlig före-och-efter-vy gör vektoroptimering lättare att bedöma.
SNABB VIDEO-TUTORIAL How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. Engelskt tal Se videon

How to compress an SVG with a preview

Funktioner och kontroller

Ladda upp SVG-filer eller klistra in kod

Använd uppladdningsformuläret eller fliken Klistra in SVG.

Accepterad SVG-indata

Ladda upp upp till 20 SVG-filer, var och en högst 2 MB. Klistra in SVG accepterar ett kod-dokument och öppnar det som en bild. Filen måste vara välformad SVG. Standard SVG-dokumentdeklarationer tas bort utan att externa filer laddas; anpassade entitetsdeklarationer och interna dokumentdelmängder avvisas. Verktyget är avsett för statisk vektorgrafik snarare än interaktiva eller animerade SVG-applikationer.

Jämför sanerad original och optimerad utdata

Två paneler visar samma grafik före och efter optimering.

Vad den ursprungliga förhandsgranskningen betyder

Båda förhandsgranskningarna innehåller sanerad statisk SVG. Originalpanelen är inte en rendering av osäker källkod. Den optimerade panelen uppdateras efter en inställningsändring. Byte-antal jämför den uppladdade filstorleken med den färdiga utdatan, och statusen rapporterar en minskning eller en ökning korrekt. En redan kompakt SVG kanske inte blir mindre. Filstorlekar visas bredvid Original och Optimerad så att du kan jämföra källans bytes med det sparade resultatet.

Välj en praktisk precisionsnivå

Decimalprecision sträcker sig från 1 till 5, med start på 3.

Siffror, kurvor och små detaljer

Lägre precision avrundar geometri mer aggressivt och kan minska filstorleken. Det kan också flytta fina kanter eller ändra en mycket liten form. Börja på 3, jämför förhandsgranskningarna och höj precisionen för intrikat grafik. Optimering tar också bort redundant metadata och förenklar kvalificerade former och sökvägsdata.

Behåll tillgängliga beskrivningar och användbara ID:n

Tillgängliga titlar och beskrivningar behålls som standard.

Tillgänglighet och externa referenser

Behåll tillgängliga titlar och beskrivningar behåller SVG-titel- och beskrivningselementen. Förkorta interna ID:n är aktiverat initialt; interna referenser uppdateras tillsammans. Inaktivera det när externa CSS eller JavaScript beror på specifika ID:n, verifiera sedan SVG på dess målsida. Läsbar utdatakod byter viss komprimering mot indragen kod.

Förbered responsiva vektorfiler

Responsiva dimensioner tar bort fast storlek när en viewBox är tillgänglig.

Storleks- och kodinspektion

En viewBox definierar vektorkoordinatsystemet. Responsiva dimensioner tillåter CSS och inbäddningskontexten att ställa in visningsstorleken utan en fast bredd och höjd på SVG. Det ändrar inte en bild till ett annat bildförhållande. Öppna Visa optimerad SVG-kod för att inspektera den exakta texten som kommer att laddas ner.

Spara en fil eller hela batchen

Ursprungliga basnamn behålls och flera filer laddas ner som en ZIP.

Lokal bearbetning och sanering

Parsning, sanering och optimering körs i webbläsaren med hjälp av en lokal optimeringsarbetare med en tidsgräns. Skript, händelsehanterare, externa resurser, animationer och inbäddade rasterbilder tas bort. Din ursprungliga fil ändras inte. Välj Start för att skapa den optimerade utdatan; kontrollera dess utseende och beteende i målprojektet innan du ersätter en källtillgång.

Filer och bearbetning

Indata
SVG-filer eller inklistrad SVG-kod
Utdata
Optimerad SVG, eller en ZIP för flera SVG-filer

2 MB maximalt per fil. Upp till 20 indatafiler per körning.

Upp till 20 filer på 2 MB styck. Varje SVG kan innehålla upp till 20,000 element; komplexa filer kan nå 15-sekunders optimeringsgränsen.

SVG-parsning, sanering och optimering körs på din enhet. Uppladdade SVG-filer skickas inte till servern för detta verktyg.

Detta verktyg bearbetar och exporterar filer i din webbläsare. Den nedladdade bilden är en separat fil; källan på din enhet skrivs inte över.

För ett bildresultat, använd Fortsätt nedanför nedladdningsresultaten för att välja ett kompatibelt nästa steg. Du kan välja vilka bilder som ska föras över; nästa verktyg startar med sina egna inställningar.

Om du uppdaterar en redigerare eller nedladdningssida återgår du till verktygssidan. Ladda ner resultatet innan du påbörjar ett nytt arbetsflöde. Se vår Integritetspolicy för filhantering.

FAQ

Bra att veta.

Några svar innan du sätter igång.

På din enhet
Kommer den optimerade SVG att se exakt likadan ut?

Optimeraren syftar till att bevara statiskt utseende, men avrundning och borttagning av innehåll som inte stöds kan ändra en fil. Jämför förhandsgranskningarna och testa den sparade SVG i ditt projekt.

Vad ändrar decimalprecision?

Det styr precisionen som används för numerisk geometri och sökvägsdata. Lägre värden kan minska storleken men kan förskjuta fina detaljer. Standardvärdet är 3.

Behålls titel och beskrivning?

Ja, som standard. Låt Behåll tillgängliga titlar och beskrivningar vara aktiverat för att bevara dessa SVG-element.

Varför saknas skript eller rasterbilder?

Detta verktyg skapar en statisk vektorutdata. Skript, händelser, externa resurser, animeringar och inbäddade rasterbilder tas avsiktligt bort under saneringen.

Kan jag behålla ID:n som refereras av CSS?

Stäng av Förkorta interna ID:n när extern kod är beroende av specifika ID:n. Verifiera den optimerade filen på målsidan innan du ersätter originalet.

Laddas SVG-filer upp för optimering?

Nej. Verktyget utför parsning och optimering i webbläsaren och laddar ner resultatet lokalt.

Kan jag ladda upp en SVG med en DOCTYPE?

En standard SVG-dokumentdeklaration accepteras och tas bort utan att hämta dess externa identifierare. Anpassade entitetsdeklarationer och interna dokumentdelmängder avvisas.

Annonser

Språk38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Välj språk. Videohandledningar använder för närvarande engelskt tal.