SVG-optimoija
Ilmainen online SVG-optimoija, puhdista ja pakkaa koodi
Tietoja SVG-optimoijasta
Kutistaa SVG-merkintää poistamalla sisällön, joka ei vaikuta renderöintiin: XML-julistukset, DOCTYPE, kommentit, metadata-lohkot, tyhjät <g>- ja <text>-elementit, id/data-name-attribuutit, tyhjät style-attribuutit ja redundantit välilyönnit. Liitä SVG-lähde, optimoi, esikatsele tulos ja kopioi se ulos. Kaikki käsittely on paikallista.
Käyttöohje
1. Liitä SVG-merkintä SVG-syöte-tekstialueeseen. 2. Napsauta Optimoi. 3. Tarkista tavumäärä ja prosenttiosuus säästetty, optimoitu tuloste ja live-esikatselu, joka renderöidään dangerouslySetInnerHTML:llä. 4. Napsauta Kopioi kopioidaksesi optimoidun SVG:n leikepöydälle.
Mitä poistetaan (ja mitä ei)
Poistettu: <?xml ...?>, DOCTYPE, <!-- kommentit -->, <metadata>...</metadata>, tyhjät <g></g> ja <text></text>, id="..." ja data-name="..." -attribuutit, tyhjät style="", ja kaikki välilyönnit tiivistetty yksiin välilyönteihin (myös tagien välillä). EI poistettu: inline-tyylit sisällön kanssa, esitysattribuutit, gradientit, suodattimet, polut tai numeerinen tarkkuus - tämä optimoija ei suorita polun yksinkertaistamista, koordinaattien pyöristystä tai SVGO-tyylisiä lisäosapasseja, joten säästöt ovat yleensä pienempiä kuin omistautuneilla työkaluilla.
▶Muuttaako optimointi SVG:n ulkonäköä?
▶Kuinka paljon tiedosto kutistuu?
▶Pyöristääkö se polkukoordinaatteja tai yhdistää polkuja?
▶Onko live-esikatselu turvallinen luottamattomalle SVG:lle?
▶Miksi viittaamani gradientti lakkasi toimimasta?
Jos tämä työkalu on ollut sinulle hyödyllinen, harkitse kahvin ostamista.
Osta minulle kahvi