Tööriist laadib ametliku brauseri SVGO-mootori alles pärast nupu Optimeeri vajutamist. See kasutab standardset pluginate komplekti, eemaldab turvalisemaks veebikasutuseks skriptid ja sündmusekäsitlejad ning võimaldab säilitada ID-d, millest sõltuvad CSS, JavaScript, värviüleminekud, maskid või välised viited.
Optimeeri SVG tasuta
Töötab täielikult sinu brauseris - midagi ei laadita üles, kontot pole vaja.
Skriptid ja sündmusekäsitlejad eemaldatakse
Algne SVG
Optimeeritud SVG
Ctrl või Command + Enter
Alustamiseks kleebi SVG-kood või vali fail
Mida SVG-optimeerija teeb?
SVG-optimeerija vähendab vektorfaili mahtu, eemaldades redaktori metaandmed, kommentaarid, üleliigsed atribuudid ja tarbetud kümnendkohad. Kleebi kood või vali fail, käivita SVGO brauseris ning võrdle algset ja optimeeritud versiooni. Väiksema SVG saad kopeerida või alla laadida ilma pilti serverisse saatmata.
Kuidas kasutada
- 1Lisa SVG. Kleebi täielik SVG-kood, lohista kohalik .svg-fail üleslaadimisalale või ava kaasasolev näide.
- 2Vali turvalised seaded. Määra arvude täpsus, hoia mitme läbimise valik lisavähenduseks sees ja säilita ID-d, kui muu kood neile viitab.
- 3Optimeeri ja võrdle. Käivita SVGO ning võrdle algse ja optimeeritud versiooni baitide arvu ja eelvaateid.
- 4Kopeeri või laadi alla. Kopeeri kompaktne kood või laadi alla uus .optimized.svg-fail, jättes algse kujunduse muutmata.
Kellele see sobib
- Frontend-arendajad, kes vähendavad ikoone, logosid ja illustratsioone enne nende lisamist veebilehele või komponenditeeki.
- Disainerid, kes eemaldavad Figma, Illustratori, Sketchi või Inkscape'i ekspordist metaandmed ja redaktoripõhise märgistuse.
- Jõudlustiimid, kes mõõdavad enne vektorfailide veebipaketti lisamist täpset UTF-8 baidisäästu.
- Komponentide autorid, kes valmistavad ette kompaktset sisemist SVG-koodi Reacti, Vue, Svelte või tavalise HTML-i jaoks.
Korduvad küsimused
Kas SVG-optimeerija on tasuta?
Jah. SVG-faile saab optimeerida ilma konto, makse või paigalduseta. Tööriist näitab täpset muutust UTF-8 baitides ning lubab tulemuse otse brauseris kopeerida või alla laadida.
Kas minu SVG laaditakse serverisse?
Ei. Faili lugemine, SVGO-töötlus, baitide mõõtmine ja eelvaadete loomine toimuvad kohalikult brauseris. Tööriist ei laadi üles logosid, ikoone ega avaldamata kujundusi.
Kui suurt SVG-faili saab optimeerida?
Tööriist võtab vastu kuni 5 MB SVG-lähtekoodi. See piir hoiab töötluse telefonides ja tavalistes sülearvutites kiire. Väga suur eksporditud illustratsioon töötab paremini, kui eemaldad manustatud rasterpildid või jagad kujunduse väiksemateks failideks.
Kas optimeerimine võib SVG välimust muuta?
SVGO eesmärk on säilitada kujutis ja eemaldada üleliigsed andmed, kuid tugev ümardamine või ID-de puhastamine võib keerulist faili mõjutada. Võrdle mõlemat eelvaadet ja testi optimeeritud SVG-d tegelikus kasutuskohas enne tootmisfaili asendamist.
Mida kümnendkohtade täpsus muudab?
Kümnendkohtade täpsus määrab, mitu kohta SVGO koordinaatides, teisendustes ja muudes arvudes säilitab. Väiksem väärtus säästab sageli rohkem baite, kuid võib väga täpse või ebatavaliselt suure kujunduse pisidetaile nihutada. Kolm kohta sobib enamiku veebiikoonide ja illustratsioonide jaoks.
Kas SVG ID-d tuleks säilitada?
Säilita ID-d, kui neile viitavad CSS, JavaScript, aria-atribuudid, värviüleminekud, maskid, filtrid või välised dokumendid. Iseseisva dekoratiivfaili puhul saad valiku välja lülitada, et SVGO eemaldaks või lühendaks kasutamata tunnuseid.
Kas optimeerija eemaldab SVG-failidest skriptid?
Jah. Töötlus eemaldab script-elemendid, sündmusekäsitlejate atribuudid ja JavaScripti lingid. Nii on eksporditud failid tavaliste veebipiltidena turvalisemad, kuid tööriist ei sobi SVG-rakendustele, mille toimimine sõltub skriptidest.
Mida teeb mitme läbimisega optimeerimine?
Mitme läbimise režiimis töötleb SVGO tulemust uuesti seni, kuni järgmine läbimine seda vähendab. Mõni teisendus loob järgmise läbimise jaoks uusi puhastusvõimalusi. Lisavõit on tavaliselt väike, sest esimene läbimine annab suurema osa säästust.