SVG-fínstillir og -þjöppun — ókeypis

Hvernig það virkar

Þetta tól minnkar SVG-skráarstærð með handskrifuðum bestunartæki sem keyrir alfarið í vafranum þínum — engin bókasöfn, enginn netþjónn. Það sameinar tvær lotur: innbyggt DOMParser/XMLSerializer vafrans fyrir eiginleika-stigs nákvæmnisvinnu, og markvissar regex-uppskiptingar fyrir athugasemdafjarlægingu, metagagnafjarlægingu, og bilafellingu.

1. 1
   DOMParser hreinsar SVG-ið

   Áður en nokkur bestun fer fram les innbyggður DOMParser vafrans SVG-ið sem XML og gengur í gegnum sérhvert element. Skriftu-tög, atburðameðhöndlarar (hvaða on*-eiginleiki sem er), hreyfimyndaelementur, og ytri URL-tilvísanir eru fjarlægð skilyrðislaust — þetta keyrir óháð hvaða bestunarvalkosti þú velur.
2. 2
   DOM-byggð tugabrotsrúnnun

   Ef tugabrotsrúnnun er virkjuð gengur bestunartækið í gegnum þáttaða DOM-ið öðru sinni og beitir rúnnun aðeins á þekkta talnalega eiginleika (path d gögn, hnit, transform-gildi, strokbreiddir, o.s.frv.), notar regex sem passar við einstakar fljótandi-komma tölur án þess að skemma tengdar path-gildi eins og .5.5.
3. 3
   Regex-lotur hreinsa raðnúmeraða merkjamálið

   XMLSerializer framleiðir normaliserað XML, svo markvissar strengjaskiptingar fjarlægja HTML-athugasemdir, Inkscape/Sodipodi ritil-metagögn, XML-yfirlýsinguna, óþarfa sjálfgefna eiginleika (eins og version="1.1"), og milli-tags bil — sérhver lota takmörkuð þröngt svo textahnútainnihald er aldrei snert.
4. 4
   Gzip-stærð og útflutningssnið

   CompressionStream API vafrans reiknar raunverulegar gzip-stærðir bæði inntaks og úttaks, þar sem það er það sem raunverulega ákvarðar flutningskostnað á vefnum. Bestaða SVG-ið má sækja, afrita sem hrátt SVG, breyta í React JSX-tilbúna camelCase eiginleika, eða kóða sem CSS data-URI — allar breytingar gerast staðbundið.

Tengd verkfæri