SVG-optimalisatie
Optimaliseer je SVG-bestanden met AI-technologieVerklein bestanden tot 90% met behoud van kwaliteit
Sleep je SVG-bestand hierheen
of blader om te uploaden
Alleen SVG-bestanden tot 10 MB
Gratis te gebruiken
Onbeperkt gebruik
Geen creditcard nodig
Direct beginnen
Zonder account
Meteen aan de slag
Waarom ToSVG?
De beste resultaten dankzij AI-technologie
Snel optimaliseren
Optimaliseer je SVG-bestanden in een paar seconden met onze AI-algoritmen. Prestaties op enterprise-niveau.
Kleinere bestanden
Verwijder overbodige metadata en code voor tot 90% kleinere bestanden. Professionele resultaten gegarandeerd.
Kwaliteit behouden
Krijg geoptimaliseerde SVG-bestanden zonder verlies van visuele kwaliteit. Kwaliteitscontrole op enterprise-niveau.
AI-technologie
We optimaliseren je SVG-bestanden slim met de nieuwste kunstmatige-intelligentietechnologieën. Ons systeem leert van duizenden optimalisaties en garandeert altijd de beste resultaten.
99,9% succespercentage
10K+ optimalisaties
Onbeperkt gebruik
Zo werkt SVG-optimalisatie
Je bestand wordt verwerkt met SVGO, de veelgebruikte open-source SVG-optimalisatietool, met de standaardpreset in multipass-modus: de rondes worden herhaald tot het bestand niet kleiner meer wordt. Dit verandert er.
Editor- en documentballast wordt verwijderd
De XML-declaratie, DOCTYPE, opmerkingen en <metadata>-blokken worden verwijderd, samen met de extra namespaces en attributen die editors zoals Inkscape, Illustrator en Sketch in het bestand schrijven. Algemene "Created with…"-beschrijvingen verdwijnen ook. Niets hiervan verandert hoe de afbeelding getekend wordt.
Getallen worden afgerond en padgegevens herschreven
Coördinaten en andere getalwaarden worden afgerond op drie decimalen. Padopdrachten worden herschreven naar hun kortste gelijkwaardige vorm, overbodige segmenten vervallen en naastliggende paden met dezelfde opmaak kunnen worden samengevoegd.
Vormen, groepen en transformaties worden vereenvoudigd
Rechthoeken, lijnen en polygonen worden omgezet naar paden als dat korter is. Lege groepen en containers worden verwijderd, omhullende groepen die niets toevoegen worden opgelost en transformaties worden samengevoegd of waar mogelijk toegepast.
Stijlen en kleuren worden opgeschoond
Kleuren worden in hun kortste vorm geschreven (#ff0000 wordt bijvoorbeeld red), CSS in <style> wordt geminimaliseerd, attributen die alleen SVG-standaardwaarden herhalen worden verwijderd en verborgen of lege elementen worden gewist.
Ongebruikte ID's en definities worden verwijderd
ID's waar niets in het bestand naar verwijst worden gewist, en ongebruikte kleurverlopen, patronen en andere <defs> vervallen. ID's die nog wel gebruikt worden behouden hun oorspronkelijke naam; ze worden niet ingekort.
De viewBox blijft, vaste afmetingen niet
De viewBox blijft altijd behouden, zodat de afbeelding goed schaalt. De attributen width en height worden verwijderd, zodat de SVG elk vak vult waarin je hem plaatst. Het resultaat staat op één regel met attributen in een vaste volgorde, wat ook gzip helpt.
Wat veilig te optimaliseren is en wanneer je voorzichtig moet zijn
Statische iconen, logo's en illustraties uit ontwerptools, inclusief SVG's uit onze converters, zijn veilig te optimaliseren en profiteren meestal het meest. Controleer het resultaat extra goed in de volgende gevallen.
ID's die door externe CSS, JavaScript of sprites worden gebruikt
De optimalisatietool ziet alleen het bestand zelf. Als een extern stylesheet, een script of een <use href="icons.svg#name"> op een andere pagina naar een ID verwijst, lijkt die ID ongebruikt en wordt hij verwijderd. Bestanden met een eigen <style>- of <script>-element behouden hun ID's.
Geanimeerde SVG's
SMIL- of CSS-animaties die padgegevens morphen of afhankelijk zijn van een bepaalde groepsstructuur, kunnen kapotgaan als paden worden herschreven en groepen worden opgelost. Eenvoudige animaties overleven dit meestal, maar bekijk het resultaat altijd in een voorbeeld voordat je het origineel vervangt.
Tekst voor toegankelijkheid
Het <title>-element wordt verwijderd. Heeft een schermlezer een label nodig, voeg dan alt-tekst toe aan de <img>-tag of een aria-label op de plek waar je de SVG insluit.
Lagen die je met code toont en verbergt
Elementen die zijn verborgen met display="none" of een dekking van nul worden als onzichtbaar gezien en verwijderd. Maakt je script ze later zichtbaar, optimaliseer dan een kopie waarin die lagen niet verborgen zijn.
Bestanden die je nog wilt bewerken
Inkscape-lagen, hulplijnen en andere editorgegevens zijn na het optimaliseren weg. Bewaar je bronbestand om te bewerken en publiceer de geoptimaliseerde kopie.
Veelgestelde vragen over SVG-optimalisatie
Verandert optimaliseren hoe mijn SVG eruitziet?
Bij bijna alle bestanden niet. Er worden gegevens verwijderd die niet getoond worden en de rest wordt in een kortere vorm herschreven. Het enige zichtbare effect kan komen van de afronding op drie decimalen, die zichtbaar kan zijn bij afbeeldingen met een zeer kleine viewBox die groot worden weergegeven.
Hoeveel kleiner wordt mijn SVG-bestand?
Dat hangt af van waar het bestand vandaan komt. Exports uit ontwerptools met metadata, opmerkingen en lange decimale getallen worden vaak flink kleiner, terwijl bestanden die al geminimaliseerd waren nauwelijks krimpen. De resultaatpagina toont de exacte grootte ervoor en erna.
Wat is de maximale bestandsgrootte?
Je kunt SVG-bestanden tot 10 MB uploaden. Je kunt SVG-code ook direct plakken op het tabblad "Code plakken" in plaats van een bestand te uploaden.
Waarom zijn de attributen width en height verwijderd?
De optimalisatietool behoudt de viewBox en laat de vaste width en height vallen, zodat de SVG meeschaalt met zijn container. Heb je een vaste grootte nodig, stel dan width en height in op de <img>-tag of in CSS.
Kan ik SVG's veilig optimaliseren die in een sprite of door JavaScript worden gebruikt?
Wees voorzichtig. ID's waar alleen van buiten het bestand naar verwezen wordt, worden verwijderd omdat de tool die verwijzingen niet ziet. Test het geoptimaliseerde bestand op de plek waar het gebruikt wordt, of bewaar in zulke gevallen het origineel.
Verwijdert de optimalisatietool toegankelijkheidsinformatie?
Hij verwijdert het <title>-element en algemene editorbeschrijvingen. Geef de toegankelijke naam op waar de SVG wordt ingesloten, bijvoorbeeld met alt-tekst of een aria-label.