Kuidas vähendada SVG-faili suurust?

Lohistage .svg fail või kleepige selle lähtekood, hoidke vaikeseaded ja võrrelge Originaal ja Optimeeritud suurusi. Seejärel kasutage väiksema tulemuse saamiseks Laadi alla .svg või Kopeeri.

Mida SVG optimeerija vaikimisi eemaldab?

Vaikimisi eemaldab see kommentaarid, metaandmed (sh pealkiri, kirjeldus ja Inkscape'i või Sodipodi andmed), üleliigsed tühikud, ülearused vaikeatribuudid ja XML-i deklaratsiooni ning ümardab numbrid 2 kümnendkohani.

Miks on elementide ID-d pärast optimeerimist alles?

Eemalda elemendi id-atribuudid on vaikimisi väljas, sest CSS-i või JavaScripti animatsioonid võivad neid ID-sid kasutada. Lülitage see sisse ainult siis, kui miski teie lehel neist ei sõltu.

Miks minu SVG-animatsioonid kadusid?

Skriptisildid, sündmuste atribuudid, välised viited ja SMIL-animatsioonielemendid (nt animate ja set) eemaldatakse ohutuse tagamiseks, seega on optimeeritud SVG staatiline.

Kas ma saan optimeeritud SVG-d kasutada Reactis või CSS-is?

Jah. Lisaks Kopeeri ja Laadi alla .svg on olemas Kopeeri kui JSX, mis teisendab atribuudid camelCase'i, ja Kopeeri CSS taust. Visuaalne eelvaade võimaldab kontrollida, et see renderdub endiselt õigesti.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas minu faile laaditakse üles?

Ei. Teie failid avatakse ja töödeldakse teie brauseris ning neid ei saadeta LibraToolile. Mõned tööriistad laadivad esmalt brauserisse töötlusmootori või tehisintellekti mudeli; see allalaadimine ei sisalda teie andmeid.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida. Väga suured failid võivad telefonis aeglased olla või mälu täis saada, seega kasutage nende jaoks arvutit.

✨

SVG optimeerija ja minifitseerija tasuta

Eemalda metaandmed, kokkukleepige tühikud ja ümarda kümnendkohad SVG failimaht dramaatiliselt vähendamiseks — tavapärased vähendused 30–70%. Visuaalne eelvaade kinnitab, et midagi ei lähe katki.

Faili suurus sõltub sinu seadmestFailid jäävad privaatseksSisselogimist ei nõutaIgavesti tasuta

Töötab võrguühenduseta pärast laadimist

Lohistage fail siia või klõpsake sirvimiseks

SVG · töödeldakse sinu seadmes

või vajutage lõikelaualt kleepimiseks Ctrl+V

Sirvi faile

— või kleebi SVG allpool —

Sinu failid ei lahku kunagi sinu seadmest. Kogu töötlus toimub kohalikult sinu brauseris.

Levinud kasutusviisid

Optimeerige SVG ikoonid tootmiseksEemaldage SVG ikooneist ebavajalik metaandmed enne saatmist — tüüpilne vähenemine 50-80%.
Optimeerige kaubamärgi logosid SVGVähendage SVG logo faili suurust kiire veebisaidi laadimiseks ilma kvaliteet kompromisse.
Optimeerige illustratsioone ja SVG kangelasedSuurematele illustratsioonidele (kangelased, dekoratiivne graafika) optimeerimist saab võtta 30-70% faili suurusest.
Vähendage JavaScripti paketi suurustKui SVG-id on imporditud React komponentidena või kodeeritud koodis, vähendab nende optimeerimine teie JS paketti.
Puhastage Figma / Sketch SVG eksportiFigma ja Sketch SVG eksport sisaldavad ulatuslikke metaandmeid. Eemaldage see enne tootmises kasutamist.

Kuidas see töötab

See tööriist vähendab SVG-faili suurust käsitsi kirjutatud optimeerijaga, mis töötab täielikult sinu brauseris — teeke, servet pole. See kombineerib kaks läbimist: brauseri sisseehitatud DOMParser/XMLSerializer atribuuditasandi täpsustöö jaoks ning sihitud regulaaravaldise asendused kommentaaride eemaldamise, metaandmete eemaldamise ja tühikute kokkuvõtmise jaoks.

1
DOMParser sanitiseerib SVG-i
Enne mis tahes optimeerimist loeb brauseri DOMParser SVG-i XML-ina ja käib läbi iga elemendi. Skriptisildid, sündmusekäsitlejad (mis tahes on* atribuut), animatsioonielemendid ja välised URL-viited eemaldatakse tingimusteta — see töötab olenemata sellest, milliseid optimeerimisvalikuid valid.
2
DOM-põhine kümnendümardamine
Kui kümnendümardamine on lubatud, käib optimeerija parsitud DOM-i teist korda läbi ja rakendab ümardamise ainult teadaolevatele numbrilistele atribuutidele (tee d andmed, koordinaadid, transform väärtused, joone laiused jne), kasutades regulaaravaldist, mis sobitab üksikuid ujukomanumbreid ilma ühendatud teeväärtusi nagu .5.5 rikkumata.
3
Regulaaravaldise läbimised puhastavad serialiseeritud markupi
XMLSerializer toodab normaliseeritud XML-i, seejärel eemaldavad sihitud stringi asendused HTML-kommentaarid, Inkscape/Sodipodi redaktori metaandmed, XML-deklaratsiooni, liigsed vaikeatribuudid (nagu version="1.1") ja siltide-vahelised tühikud — iga läbimine kitsalt ulatuses, nii et tekstisõlmede sisu ei puudutata kunagi.
4
Gzip suurus ja eksportvormingud
Brauseri CompressionStream API arvutab nii sisendi kui väljundi tegelikud gzip suurused, sest see määrab tegelikult veebis ülekandekulu. Optimeeritud SVG-i saab alla laadida, kopeerida toore SVG-na, teisendada React JSX-valmis camelCase atribuutideks, või kodeerida CSS andme-URI-ks — kõik teisendused toimuvad kohapeal.

Sinu SVG loetakse ja töödeldakse täielikult sinu brauseri vahekaardi sees — faili baidid ei lahku kunagi su seadmest.

Seotud tööriistad

🗜️

CSS-minifitseerija ja kaunistaja

Minifitseeri CSS faili mahu vähendamiseks või kaunista minifitseeritud CSS loetavuse parandamiseks. Kohene, sinu brauseris.

Proovi järele

🗜️

GIF-i tihendaja

Tee animeeritud GIF väiksemaks: mahuta see suuruspiirangu alla, näiteks Discordi 256 KB emotikoni või 512 KB kleebise piirini, või vali värvid, laius ja kaadrid ise. Töötab sinu brauseris; GIF-i ei laadita üles.

Proovi järeleFailid jäävad kohalikuks

📄

PDF tihendaja

Tihenda PDF-faile nende suuruse vähendamiseks. Vali kvaliteeditase — suurem tihendus tähendab väiksemaid faile, kuid madalamat pildikvaliteeti.