Hoe verminder ek die grootte van 'n SVG-lêer?

Laai 'n .svg-lêer of plak die bronkode, behou die verstekopsies, en vergelyk die Oorspronklik en Geoptimeer groottes. Gebruik dan Laai .svg af of Kopieer om die kleiner resultaat te neem.

Wat verwyder die SVG-optimaliseerder by verstek?

By verstek verwyder dit kommentaar, metadata insluitend titel, beskrywing en Inkscape- of Sodipodi-data, ekstra spasies, oorbodige verstekkenmerke en die XML-verklaring, en rond getalle af tot 2 desimale plekke.

Hoekom word element-ID's behou na optimalisering?

Verwyder element-id-eienskappe is by verstek af omdat CSS- of JavaScript-animasies na daardie ID's kan verwys. Skakel dit slegs aan as niks in jou bladsy daarvan afhanklik is nie.

Hoekom het my SVG-animasies verdwyn?

Skrip-etikette, on-event-kenmerke, eksterne verwysings en SMIL-animasie-elemente soos animate en set word vir veiligheid verwyder, so die geoptimeerde SVG is staties.

Kan ek die geoptimeerde SVG in React of CSS gebruik?

Ja. Benewens Kopieer en Laai .svg af, is daar Kopieer as JSX, wat kenmerke na camelCase omskakel, en Kopieer CSS-agtergrond. Die Visuele voorskou laat jou kontroleer dat dit steeds korrek vertoon.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Word my lêers opgelaai?

Nee. Jou lêers word in jou blaaier oopgemaak en verwerk en word nie na LibraTool gestuur nie. Sommige gereedskap laai eers 'n verwerkingsenjin of KI-model na jou blaaier af; daardie aflaai bevat geen data van jou nie.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer. Baie groot lêers kan stadig wees of die geheue op 'n foon uitput, gebruik dus 'n rekenaar daarvoor.

✨

Gratis SVG Optimaliseerder en verkleiner

Stroop metadata, vou witspasie in en rond desimale desimale om SVG lêergrootte dramaties te verklein – tipiese vermindering van 30-70%. Visuele voorskou bevestig dat niks breek nie.

Lêergrootte hang van jou toestel afLêers bly privaatGeen aanmelding benodigGratis vir altyd

Werk vanlyn sodra gelaai

Los 'n lêer hier, of klik om te soek

SVG · op jou toestel verwerk

of druk Ctrl+V om vanaf jou knipbord te plak

Blaai deur lêers

— of plak SVG hieronder —

Jou lêers verlaat nooit jou toestel nie. Alle verwerking gebeur plaaslik in jou blaaier.

Algemene gebruike

Optimaliseer SVG-ikone vir produksieVerwyder onnodige metadata uit ikone SVGe voor versending — tipiese verlaging van 50-80%.
Optimaliseer handelsmerc logo SVGeVerlaag SVG-logeolêer se grootte vir vinnige webwerf-laaiing sonder kwaliteit op te offer.
Optimaliseer illustrasies en hero SVGeVir groter illustrasies (heroes, dekoratiewe grafieke), kan optimalisering 30-70% van die lêergrootte afkerf.
Verlaag JavaScript-bundel grootteWanneer SVGe as React-komponente ingevoer word of in die kode binne gestelsel word, verlaag SVG-optimalisering u JS-bundel.
Maak Figma / Sketch SVG-uitvoer skoonFigma en Sketch SVG-uitvoere sluit uitgebreide metadata in. Verwyder dit voor gebruik in produksie.

Hoe dit werk

Hierdie nutsprogram verminder SVG-lêergrootte met 'n handgeskrewe optimeerder wat heeltemal in jou blaaier loop — geen biblioteke, geen bediener nie. Dit kombineer twee deurgange: die blaaier se ingeboude DOMParser-/XMLSerializer vir eienskap-vlak-presisiewerk, en geteikende reëlmatige-uitdrukking-vervangings vir kommentaar-strip, metadata-verwydering, en spasiëring-samevoeging.

1
DOMParser saniteer die SVG
Voor enige optimering lees die blaaier se DOMParser die SVG as XML en loop deur elke element. Skripsketikette, gebeurtenishanteerders (enige on*-eienskap), animasie-elemente, en eksterne URL-verwysings word onvoorwaardelik verwyder — dit loop ongeag watter optimeringsopsies jy kies.
2
DOM-gebaseerde desimale afronding
As desimale afronding geaktiveer is, loop die optimeerder 'n tweede keer deur die ontlede DOM en pas afronding slegs op bekende numeriese eienskappe toe (pad-d-data, koördinate, transform-waardes, kwashaal-wydtes, ens.), met 'n reëlmatige uitdrukking wat individuele drywende-punt-getalle pas sonder om saamgevoegde padwaardes soos .5.5 te korrupteer.
3
Reëlmatige-uitdrukking-deurgange maak die geserialiseerde opmaak skoon
XMLSerializer produseer genormaliseerde XML, dan strip geteikende string-vervangings HTML-kommentaar, Inkscape-/Sodipodi-redigeerder-metadata, die XML-verklaring, oortollige verstek-eienskappe (soos version="1.1"), en tussen-etiket-spasiëring — elke deurgang eng afgebaken sodat teksknoop-inhoud nooit geraak word nie.
4
Gzip-grootte en uitsetformate
Die blaaier se CompressionStream-API bereken die werklike gzip-groottes van beide toevoer en uitset, aangesien dit is wat werklik oordragkoste op die web bepaal. Die geoptimeerde SVG kan afgelaai, as rou SVG gekopieer, na React-JSX-gereed-camelCase-eienskappe omgeskakel, of as 'n CSS-data-URI geënkodeer word — alle omskakelings gebeur plaaslik.

Jou SVG word heeltemal binne jou blaaieroortjie gelees en verwerk — die lêergrepe verlaat nooit jou toestel nie.

Verwante gereedskap

🗜️

CSS Verminderaar en verfraaier

Verklein CSS om lêergrootte te verminder of verfraai verkleinde CSS vir leesbaarheid. Onmiddellik, in jou blaaier.

Probeer dit

🗜️

GIF-kompressor

Maak ’n geanimeerde GIF kleiner: laat dit onder ’n groottelimiet pas, soos Discord se 256 KB-emoji of 512 KB-sticker, of kies self kleure, wydte en raampies. Loop in jou blaaier; die GIF word nie opgelaai nie.

Probeer ditLêers bly plaaslik

📄

PDF Kompressor

Komprimeer PDF-lêers om hul grootte te verminder. Kies 'n kwaliteitsvlak - hoër kompressie beteken kleiner lêers maar laer beeldtrouheid.