SVG opschonen en kleiner maken

Verwijder commentaar, metadata en overbodige spaties. Voor schrijvers, ontwerpers en ontwikkelaars die inhoud of een beeld vóór publicatie voorbereiden.

Verwijder commentaar, metadata en overbodige spaties. Je ziet het resultaat meteen, zonder account; niets wordt geüpload of bewaard.

Hoe te gebruiken

Plak de broncode van je SVG-bestand in het invoerveld, of importeer het bestand van je computer.
Start de optimalisatie zodat opmerkingen, metadatablokken en onnodige witruimte worden verwijderd.
Controleer dat de grafiek er na het inkorten van de code nog steeds goed uitziet.
Kopieer de resulterende SVG naar je project en houd tegelijk een reservekopie van het originele bestand.

Voorbeeld

Het voorbeeld is een klein pictogram met een opmerking en een metadatablok. Vergelijk na de optimalisatie de grootte van de code en bevestig dat het pad nog hetzelfde wordt weergegeven: de opschoning moet het bestand lichter maken zonder de tekening te wijzigen.

Invoer

<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>

Limieten en formaten

De opschoning richt zich op opmerkingen, metadata en witruimte, dus de tekening zelf blijft precies zoals die in het door jou aangeleverde bestand stond.
Een SVG die afhankelijk is van externe elementen of elders gedefinieerde stijlen kan na opschoning moeilijker leesbaar worden.
Een zeer gedetailleerde tekening kan zwaar blijven, zelfs nadat opmerkingen en metadata zijn verwijderd.
Open het resultaat altijd in de browser die het moet weergeven voordat je het publiceert.

Waar de verwerking gebeurt

De opschoning gebeurt volledig in je browser. Je SVG-code wordt nooit geüpload, gedeeld of opgeslagen, zodat je grafisch werk kunt verfijnen dat nog niet is gepubliceerd zonder het aan iemand bloot te stellen.

Veelgestelde vragen

Verandert optimalisatie kleuren of afmetingen?

Nee, het hulpmiddel richt zich op code die het weergaveprogramma niet nodig heeft. Tekenattributen blijven staan, maar het is nog steeds de moeite waard om het resultaat te openen om onverwachte dingen op te sporen.

Kan ik een geanimeerde SVG optimaliseren?

De opschoning verwijdert vooral opmerkingen, metadata en witruimte. Als je animatie afhankelijk is van scripts of externe stijlbladen, controleer het resultaat dan zorgvuldig voordat je het publiceert.

Waarom is mijn bestand nog steeds groot?

Gewicht komt meestal van het aantal punten in de paden en niet van opmerkingen. Om verder te gaan zou je de curven in een vectorgrafiekprogramma moeten vereenvoudigen.