Rensa och optimera SVG-filer

För utvecklare och designers som vill minska en SVG före publicering utan onödiga kommentarer eller metadata.

Rensa SVG-filen från kommentarer, metadata och onödiga blanksteg och få en mer kompakt kod. Dina uppgifter stannar i webbläsaren, utan konto eller lagring.

Så använder du

Klistra in källkoden för din SVG-fil i inmatningsfältet, eller importera filen från datorn.
Starta optimeringen så att kommentarer, metadatablock och onödiga blanksteg tas bort.
Kontrollera att grafiken fortfarande ser rätt ut efter att koden har rensats.
Kopiera den resulterande SVG-filen till ditt projekt och behåll en säkerhetskopia av originalfilen.

Exempel

Exemplet är en liten ikon som innehåller en kommentar och ett metadatablock. Efter optimeringen kan du jämföra kodens storlek och bekräfta att sökvägen fortfarande renderas på samma sätt: rensningen bör göra filen lättare utan att ändra teckningen.

Indata

<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
  <!-- icon draft -->
  <metadata>draft</metadata>
  <path d='M4 4 L20 20' fill='none' stroke='black'/>
</svg>

Gränser och format

Rensningen riktar in sig på kommentarer, metadata och blanksteg, så själva teckningen förblir exakt som i filen du angav.
En SVG som är beroende av externa element eller stilar definierade någon annanstans kan bli svårare att läsa efter rensningen.
En mycket detaljerad teckning kan förbli tung även när kommentarer och metadata är borta.
Öppna alltid resultatet i den webbläsare som ska visa det innan du publicerar.

Var bearbetningen sker

Rensningen görs helt i din webbläsare. Din SVG-kod laddas aldrig upp, delas eller sparas, så du kan förfina grafik som ännu inte har publicerats utan att visa den för någon.

Vanliga frågor

Ändrar optimeringen färger eller dimensioner?

Nej, verktyget riktar in sig på kod som renderaren inte behöver. Ritattribut behålls, men det är ändå värt att öppna resultatet för att upptäcka något oväntat.

Kan jag optimera en animerad SVG?

Rensningen tar främst bort kommentarer, metadata och blanksteg. Om animationen är beroende av skript eller externa stilmallar bör du granska resultatet noga innan du publicerar det.

Varför är min fil fortfarande stor?

Vikten kommer vanligtvis från antalet punkter i sökvägarna snarare än från kommentarer. För att komma längre skulle du behöva förenkla kurvorna i ett vektorgrafikprogram.