Ga naar inhoud

SVG-minimaliseerder

Verklein SVG-markup door XML-rommel, opmerkingen en editor-metagegevens te verwijderen.

Invoer
Uitvoer

SVG-minimaliseerder

Plak een SVG die uit Illustrator, Inkscape of Figma is geëxporteerd en dit hulpmiddel retourneert een geminimaliseerde versie met dezelfde weergave en veel kleinere bestandsgrootte. Het verwijdert de XML-declaratie, opmerkingen, editorspecifieke metagegevens (Inkscape- en Illustrator-naamruimte-elementen en -attributen), lege groepen en spaties tussen tags — allemaal dingen die een browser of een <img>-tag nooit nodig had.

Decimalen bepaalt hoeveel cijfers coördinaten en andere numerieke attributen behouden, dus "12.34567" wordt "12.35" op de standaard twee decimalen. "id en class verwijderen" verwijdert beide, behalve een id die nog steeds wordt verwezen door een url(#…)-opvulling of een href="#…"-link — deze blijven, zodat gradiënten, clippadden en <use>-elementen blijven werken. "Breedte/hoogte verwijderen, viewBox behouden" verwijdert alleen de buitenafmetingen wanneer een viewBox aanwezig is om de grootte over te nemen, zodat de SVG nog steeds correct wordt geschaald. "Hex-kleuren inkorten" verandert "#ffffff" in "#fff" waar alle drie kanalen verdubbeld zijn, en laat alles anders ongewijzigd.

Onjuiste markup — een niet-gesloten of niet-overeenkomende tag — wordt als fout gerapporteerd in plaats van geraden, omdat een minimaliseerder die ongeldig XML stilzwijgend repareren kan de weergave veranderen. Tekst in <text>, <tspan> en inline <style> blijft exact zoals geschreven, omdat witruimte daar deel uitmaakt van de inhoud, niet van opmaak. Windows- en Unix-lijnafbrekingen worden op dezelfde manier afgehandeld, en de live telling toont bytes in, bytes uit en het percentage bespaard.

Alles draait lokaal in uw browser: de SVG verlaat uw apparaat nooit, wat uitmaakt voor ongepubliceerde iconsets en client artwork. Kopieer het resultaat, download het als .txt-bestand, of stuur het terug naar de invoer om nog een keer door te voeren met andere opties.

FAQ

Verandert dit hoe de SVG eruit ziet?
Nee. Het verwijdert alleen markup die geen visueel effect heeft — opmerkingen, metagegevens, lege groepen en extra witruimte — en rondt coördinaten af, wat de weergave minder dan een pixel verandert bij de standaardprecisie.
Is het veilig om ids en classes te verwijderen?
Het hulpmiddel houdt elke id vast die nog steeds wordt verwezen door een url(#…)-opvulling/stroke of een href="#…"-link, zodat gradiënten, clippadden en hergebruikte pictogrammen blijven werken. Alleen niet-gerefereerde ids en alle classes worden verwijderd.
Wat gebeurt er als mijn SVG een syntaxfout heeft?
Het hulpmiddel rapporteert het in plaats van te raden — een niet-gesloten of niet-overeenkomende tag retourneert een rustig foutbericht zodat u de markup kunt corrigeren en het opnieuw kunt proberen.
Breekt het verwijderen van breedte en hoogte de afbeelding?
Alleen wanneer een viewBox aanwezig is, verwijdert het hulpmiddel deze — de viewBox alleen is voldoende voor de SVG om zich aan elke grootte aan te passen die de container eraan geeft.
Wordt mijn SVG ergens geüpload?
Nee. Minimalisering draait volledig in uw browser — uw bestand verlaat uw apparaat nooit.