Työkalu lataa virallisen selaimessa toimivan SVGO-moottorin vasta, kun valitset Optimoi. Se käyttää vakiomuotoista liitännäiskokoonpanoa, poistaa komentosarjat ja tapahtumankäsittelijät turvallisempaa verkkokäyttöä varten ja voi säilyttää ID-tunnisteet, joihin CSS, JavaScript, liukuvärit, maskit tai ulkoiset viittaukset perustuvat.
Optimoi SVG ilmaiseksi
Toimii kokonaan selaimessasi - ei lähetyksiä, ei rekisteröitymistä.
Komentosarjat ja tapahtumankäsittelijät poistetaan
Alkuperäinen SVG
Optimoitu SVG
Ctrl tai Command + Enter
Aloita liittämällä SVG-koodi tai valitsemalla tiedosto
Mitä SVG-optimointi tekee?
SVG-optimointi pienentää vektoritiedostoa poistamalla editorin metatietoja, kommentteja, tarpeettomia attribuutteja ja turhia desimaaleja. Liitä koodi tai valitse tiedosto, suorita SVGO selaimessa ja vertaa alkuperäistä ja optimoitua versiota. Voit kopioida tai ladata pienemmän SVG:n lähettämättä kuvaa palvelimelle.
Näin se toimii
- 1Lisää SVG. Liitä täydellinen SVG-koodi, vedä paikallinen .svg-tiedosto latausalueelle tai avaa valmis esimerkki.
- 2Valitse turvalliset asetukset. Aseta lukujen tarkkuus, pidä monivaiheinen optimointi käytössä lisäsäästöä varten ja säilytä ID:t, jos muu koodi viittaa niihin.
- 3Optimoi ja vertaa. Suorita SVGO ja vertaa alkuperäisen sekä optimoidun version tavumääriä ja esikatseluja.
- 4Kopioi tai lataa. Kopioi tiivis koodi tai lataa uusi .optimized.svg-tiedosto muuttamatta alkuperäistä kuvaa.
Kenelle
- Frontend-kehittäjät, jotka pienentävät kuvakkeita, logoja ja kuvituksia ennen niiden lisäämistä sivustolle tai komponenttikirjastoon.
- Suunnittelijat, jotka poistavat metatietoja ja editorikohtaista koodia Figman, Illustratorin, Sketchin tai Inkscapen vienneistä.
- Suorituskykytiimit, jotka mittaavat tarkan UTF-8-tavusäästön ennen vektoriaineistojen julkaisemista verkkopaketissa.
- Komponenttien tekijät, jotka valmistelevat tiivistä sisäistä SVG-koodia Reactia, Vuea, Svelteä tai tavallista HTML:ää varten.
Usein kysyttyä
Onko SVG-optimointi ilmainen?
Kyllä. Voit optimoida SVG-tiedostoja ilman tiliä, maksua tai asennusta. Työkalu näyttää tarkan muutoksen UTF-8-tavuina ja antaa kopioida tai ladata tuloksen suoraan selaimesta.
Lähetetäänkö SVG-tiedostoni palvelimelle?
Ei. Tiedoston lukeminen, SVGO-käsittely, tavujen mittaus ja esikatselujen luonti tapahtuvat paikallisesti selaimessa. Työkalu ei lähetä logoja, kuvakkeita tai julkaisemattomia kuvia palvelimelle.
Kuinka suuren SVG-tiedoston voin optimoida?
Työkalu hyväksyy enintään 5 Mt SVG-koodia. Raja pitää käsittelyn nopeana puhelimissa ja tavallisissa kannettavissa tietokoneissa. Hyvin suuri viety kuvitus voi toimia paremmin, kun poistat upotetut rasterikuvat tai jaat kuvan pienempiin tiedostoihin.
Voiko optimointi muuttaa SVG:n ulkoasua?
SVGO pyrkii säilyttämään kuvan ja poistamaan vain tarpeettomat tiedot, mutta voimakas pyöristys tai ID-tunnisteiden siivous voi vaikuttaa monimutkaisiin tiedostoihin. Vertaa molempia esikatseluja ja testaa optimoitu SVG oikeassa käyttöympäristössä ennen tuotantotiedoston korvaamista.
Mihin desimaalitarkkuus vaikuttaa?
Desimaalitarkkuus määrää, kuinka monta desimaalia SVGO säilyttää koordinaateissa, muunnoksissa ja muissa lukuarvoissa. Pienempi arvo säästää usein enemmän tavuja, mutta voi siirtää hyvin pieniä yksityiskohtia tarkoissa tai poikkeuksellisen suurissa kuvissa. Kolme desimaalia sopii useimpiin verkkokuvakkeisiin ja kuvituksiin.
Kannattaako SVG:n ID-tunnisteet säilyttää?
Säilytä ID:t, jos CSS, JavaScript, aria-attribuutit, liukuvärit, maskit, suodattimet tai ulkoiset asiakirjat viittaavat niihin. Itsenäisissä koristekuvissa asetuksen voi poistaa käytöstä, jolloin SVGO poistaa tai lyhentää käyttämättömiä tunnisteita.
Poistaako optimointi komentosarjat SVG-tiedostoista?
Kyllä. Käsittely poistaa script-elementit, tapahtumankäsittelijöiden attribuutit ja JavaScript-linkit. Viedyt tiedostot ovat näin turvallisempia tavallisina verkkokuvina, mutta työkalu ei sovi SVG-sovelluksiin, joiden toiminta perustuu komentosarjoihin.
Mitä monivaiheinen optimointi tekee?
Monivaiheisessa tilassa SVGO käsittelee tuloksen uudelleen niin kauan kuin seuraava kierros voi pienentää sitä. Jotkin muunnokset paljastavat siivottavaa seuraavalle kierrokselle. Lisähyöty on yleensä pieni, koska ensimmäinen kierros tuottaa suurimman osan säästöstä.