SVG-minifier
SVG minificeren: commentaar, metadata en witruimte verwijderen
Maak de SVG-opmaak schoon voordat deze een repository of productiebuild binnengaat. Verwijder opmerkingen, XML-declaraties, editorgegevens, lege groepen en ongebruikte definities met 15 individueel schakelbare passen en een visuele vergelijking.
Standaardwaarden voor nieuwe bestanden bewerken
Voorbeeld
Geen voorbeeld. Voeg bestanden toe en selecteer ze om resultaten te zien.
Nog geen bestanden. Sleep bestanden hierboven of klik op BESTANDEN SELECTEREN.
Wat SVG-minificatie verwijdert
Een SVG minificeren is markupwerk, geen beeldbewerking: er wordt niets opnieuw getekend, er wordt alleen verwijderd of ingekort. Een doorsnee editorexport bevat een XML-declaratie, een doctype, een generatorcommentaar, naamruimten van Inkscape of Figma, id-attributen waarnaar niets verwijst, lege groepsomhulsels, items in defs die geen enkel element gebruikt, en coördinaten met zes decimalen. Browsers negeren dat allemaal. Het eruit halen maakt het bestand kleiner en, minstens zo nuttig, maakt de diff leesbaar wanneer SVG's in een repository worden gezet en net als elk ander bronbestand worden nagekeken.
Een SVG-bestand minificeren
- 1
Sleep je SVG-bestanden erin, of klik op BESTANDEN SELECTEREN, om ze aan de wachtrij toe te voegen. Tot 40 tegelijk.
- 2
Kies Veilig, Gebalanceerd of Maximaal, schakel elke afzonderlijke bewerking uit die je niet wilt, en zie de besparing per bestand direct bijwerken.
- 3
Klik op ALLES OPSLAAN om het resultaat te downloaden, of één ZIP wanneer de wachtrij meer dan één bestand bevat.
Privacy: je bestanden verlaten je browser niet
De conversie wordt lokaal in uw browser uitgevoerd met behulp van JavaScript en WebAssembly. Er vindt geen bestandsupload of serverconversie plaats, dus de bestanden die u toevoegt, blijven op uw apparaat staan.
Lokale verwerking helpt vertrouwelijke logo's, interne documenten en niet-vrijgegeven illustraties van klanten te beschermen. Pagina's en conversiecode worden in de cache opgeslagen terwijl u ze gebruikt, zodat tools die u al hebt geopend, kunnen blijven werken zonder een netwerkverbinding.
Veelgestelde vragen
Is minificeren hetzelfde als comprimeren?
In de praktijk wel: dezelfde bewerkingen doen beide klussen, en deze pagina en de SVG-compressor draaien op dezelfde engine. Het verschil zit in de nadruk. Minificeren gaat over de markup die een mens of een editor heeft achtergelaten, zoals commentaar, metadata, naamruimten en witruimte. Comprimeren gaat over de bytes over de lijn, waar afgeronde coördinaten en weggelaten attributen zwaarder tellen dan nette broncode.
Breekt minificeren mijn CSS of JavaScript?
Dat kan, als een stylesheet of een script in de SVG grijpt. Geen enkele bewerking hernoemt identifiers, maar Maximaal verwijdert elementen en attributen waarnaar niets binnen het document verwijst, en dat is precies waar een externe regel op kan mikken. Wordt de SVG van buitenaf geanimeerd of door een script aangestuurd, gebruik dan Veilig, of schakel Onzichtbare elementen verwijderen en Ongebruikte definities verwijderen uit en controleer het resultaat voordat je het uitrolt.
Kan ik de viewBox behouden en breedte en hoogte weglaten?
Ja. viewBox normaliseren en Breedte en hoogte verwijderen zijn aparte bewerkingen. De vaste afmetingen weglaten en de viewBox behouden is wat je wilt voor een SVG die in CSS moet meeschalen met zijn container. Ze behouden is wat je wilt voor een bestand dat los wordt geopend of in een document terechtkomt dat er geen styling op toepast.