SVG-bestanden comprimeren

SVG (Scalable Vector Graphics) bestaat niet uit pixels — het is een tekstbestand in XML dat vormen, paden en kleuren beschrijft als wiskundige instructies. Daarom blijft een SVG-logo perfect scherp op elke grootte, van favicon tot billboard, en is het hét formaat voor iconen, logo's en illustraties op het web. Omdat het code is en geen rasterraster, betekent een SVG comprimeren die code opschonen — geen visueel detail weggooien. De besparing is dus feitelijk gratis qua kwaliteit.

Ontwerptools als Illustrator, Figma en Sketch exporteren SVG's die technisch correct maar vol rommel zijn. Die overhead telt snel op, vooral als je tientallen iconen inline in een pagina zet:

• Editor-metadata, commentaar en namespaces die browsers negeren
• Overdreven decimale precisie in coördinaten (tien cijfers waar twee volstaan)
• Verborgen lagen, lege groepen en ongebruikte definities
• Overbodige attributen en inline-stijlen die te vereenvoudigen zijn
• Witruimte en inspringing bedoeld voor mensen, niet voor browsers

MiCompress minificeert je SVG zoals een buildtool dat zou doen: het verwijdert editorresten en commentaar, rondt coördinaten af tot zinnige precisie, voegt overbodige attributen samen, verwijdert verborgen en lege elementen en perst onnodige witruimte eruit. Het gerenderde beeld is voor het oog byte voor byte identiek, omdat geen van deze wijzigingen de echte vormen raakt — alleen de manier waarop ze zijn opgeschreven. Het resultaat is een kleinere, schonere SVG die sneller rendert en makkelijker direct in je HTML of CSS in te sluiten is.

Anders dan JPG, PNG of WebP is SVG-compressie werkelijk verliesvrij op de manier die telt: omdat je code optimaliseert die vectoren beschrijft, blijft de graphic oneindig schalen en oogt hij pixelperfect op elk zoomniveau. Er is geen kwaliteitsschuif en geen afweging te maken. Het enige dat krimpt is het aantal tekens in het bestand — precies wat je wilt voor een asset die bij elke paginalading wordt gedownload.

Voor logo's, iconen en simpele illustraties wint SVG bijna altijd van een rasterformaat: meestal kleiner, altijd scherp en met CSS te stylen of animeren. Grijp alleen naar PNG of WebP als de afbeelding een foto is of complex, schilderachtig detail heeft dat niet in schone vectorpaden te vatten is. Exporteer je iconen nog als PNG, dan scheelt overstappen op geminificeerde SVG doorgaans gewicht en verdwijnt de wazigheid op hoge-resolutieschermen.