Besplatan Optimizator i minifikator SVG-a

Kako radi

Ovaj alat smanjuje veličinu SVG datoteke koristeći ručno napisan optimizator koji radi u potpunosti u vašem pregledniku — bez biblioteka, bez servera. Kombinuje dva prolaza: ugrađeni DOMParser/XMLSerializer preglednika za precizan rad na nivou atributa, i ciljane zamjene regularnim izrazom za uklanjanje komentara, uklanjanje metapodataka, i sažimanje razmaka.

1. 1
   DOMParser čisti SVG

   Prije bilo kakve optimizacije, DOMParser preglednika čita SVG kao XML i prolazi kroz svaki element. Script oznake, rukovaoci događajima (bilo koji on* atribut), animacioni elementi, i vanjske URL reference se bezuslovno uklanjaju — ovo se izvršava bez obzira koje opcije optimizacije odaberete.
2. 2
   Decimalno zaokruživanje zasnovano na DOM-u

   Ako je decimalno zaokruživanje omogućeno, optimizator prolazi kroz raščlanjen DOM drugi put i primjenjuje zaokruživanje samo na poznate numeričke atribute (path d podaci, koordinate, transform vrijednosti, širine poteza, itd.), koristeći regularni izraz koji podudara pojedinačne brojeve sa pomičnim zarezom bez kvarenja spojenih vrijednosti putanje poput .5.5.
3. 3
   Prolazi regularnog izraza čiste serijalizovanu oznaku

   XMLSerializer proizvodi normalizovan XML, zatim ciljane zamjene niza uklanjaju HTML komentare, metapodatke Inkscape/Sodipodi editora, XML deklaraciju, suvišne podrazumevane atribute (poput version="1.1"), i razmake između oznaka — svaki prolaz usko usmjeren tako da se sadržaj tekstualnog čvora nikada ne dotiče.
4. 4
   Veličina gzip i izlazni formati

   CompressionStream API preglednika izračunava stvarne gzip veličine i unosa i izlaza, jer to zapravo određuje trošak prijenosa na webu. Optimizovan SVG se može preuzeti, kopirati kao sirov SVG, pretvoriti u React JSX-spremne camelCase atribute, ili kodirati kao CSS data URI — sve konverzije se dešavaju lokalno.

Povezani alati