Kako zmanjšam velikost datoteke SVG?

Spustite datoteko .svg ali prilepite njeno izvorno kodo, obdržite privzete možnosti in primerjajte velikosti Izvirnik in Optimizirano. Nato uporabite Prenesi .svg ali Kopiraj, da dobite manjši rezultat.

Kaj optimizator SVG privzeto odstrani?

Privzeto odstrani komentarje, metapodatke, vključno s title, desc in podatki Inkscape ali Sodipodi, odvečne presledke, odvečne privzete atribute in deklaracijo XML ter zaokroži števila na 2 decimalni mesti.

Zakaj so ID-ji elementov po optimizaciji ohranjeni?

Odstrani atribute id elementov je privzeto izklopljeno, ker se animacije CSS ali JavaScript lahko sklicujejo na te ID-je. Vklopite le, če nič na vaši strani ni odvisno od njih.

Zakaj so moje animacije SVG izginile?

Zaradi varnosti so odstranjene značke script, atributi on-event, zunanji sklici in elementi animacije SMIL, kot sta animate in set, zato je optimizirani SVG statičen.

Ali lahko optimizirani SVG uporabim v Reactu ali CSS?

Da. Poleg Kopiraj in Prenesi .svg sta na voljo še Kopiraj kot JSX, ki pretvori atribute v camelCase, in Kopiraj CSS ozadje. Vizualni predogled vam omogoča, da preverite, ali se še vedno pravilno upodablja.

Ali je res brezplačno?

Da. Vsako orodje je brezplačno za uporabo, brez računa in kreditne kartice. Delo poteka na vaši napravi in ne na naših strežnikih, kar omogoča brezplačno delovanje.

Ali se moje datoteke nalagajo?

Ne. Vaše datoteke se odprejo in obdelajo v vašem brskalniku ter se ne pošiljajo v LibraTool. Nekatera orodja najprej v brskalnik prenesejo procesni modul ali model UI; ta prenos ne vsebuje nobenih vaših podatkov.

Ali deluje na mobilniku?

Da. Deluje v sodobnih mobilnih brskalnikih na iOS in Androidu, brez namestitve. Zelo velike datoteke so na telefonu lahko počasne ali pa zmanjka pomnilnika, zanje uporabite računalnik.

✨

Optimizator in minifikator SVG — brezplačno

Odstranite metapodatke, strnite presledke in zaokrožite decimale, da dramatično zmanjšate velikost datoteke SVG — tipičene zmanjšanje za 30–70 %. Vizualni predogled preveri, da se nič ne pokvari.

Velikost datoteke je odvisna od vaše napraveDatoteke ostanejo zasebnePrijava ni potrebnaBrezplačno za vedno

Deluje brez povezave po nalaganju

Spustite datoteko sem ali kliknite za izbiro

SVG · obdelano na vaši napravi

ali pritisnite Ctrl+V za lepljenje iz odložišča

Brskanje po datotekah

— ali prilepite SVG spodaj —

Vaše datoteke nikoli ne zapustijo vaše naprave. Vsa obdelava poteka lokalno v vašem brskalniku.

Pogosta področja uporabe

Optimizacija SVG ikon za proizvodnjoOdstranite nepotrebne metapodatke iz SVG ikon pred pošiljanjem — tipična zmanjšanja od 50-80%.
Optimizacija logotipov SVG znamkeZmanjšajte velikost datoteke logotipa SVG za hitro nalaganje spletnega mesta brez žrtev kakovosti.
Optimizacija ilustracij in SVG herojevZa večje ilustracije (heroji, dekorativne grafike) lahko optimizacija zmanjša 30-70% velikosti datoteke.
Zmanjšanje velikosti paketa JavaScriptKo se SVG-ji uvozijo kot React komponente ali vstavijo v kodo, njihova optimizacija zmanjša vaš JS paket.
Čistitev Figma / Sketch SVG izvozaFigma in Sketch SVG izvozi vključujejo obsežne metapdatke. Odstranite ga pred uporabo v proizvodnji.

Kako deluje

To orodje zmanjša velikost datoteke SVG z uporabo ročno napisanega optimizatorja, ki teče v celoti v vašem brskalniku — brez knjižnic, brez strežnika. Kombinira dva prehoda: vgrajen DOMParser/XMLSerializer brskalnika za natančno delo na ravni atributov in ciljno nadomeščanje z regularnim izrazom za odstranjevanje komentarjev, metapodatkov in strjevanje presledkov.

1
DOMParser sanitizira SVG
Pred kakršno koli optimizacijo vgrajen DOMParser brskalnika prebere SVG kot XML in pregleda vsak element. Skriptne oznake, obravnavalniki dogodkov (kateri koli atribut on*), animacijski elementi in zunanji sklici URL se odstranijo brezpogojno — to teče ne glede na to, katere možnosti optimizacije izberete.
2
Decimalno zaokroževanje na osnovi DOM
Če je decimalno zaokroževanje omogočeno, optimizator znova pregleda razčlenjen DOM in uporabi zaokroževanje le na znanih številskih atributih (podatki path d, koordinate, vrednosti transform, širine potez itd.), z uporabo regularnega izraza, ki ujame posamezna števila s plavajočo vejico brez poškodovanja zreteženih vrednosti poti, kot je .5.5.
3
Prehodi z regularnim izrazom počistijo serializirane oznake
XMLSerializer ustvari normaliziran XML, nato ciljne zamenjave nizov odstranijo komentarje HTML, metapodatke urejevalnika Inkscape/Sodipodi, deklaracijo XML, odvečne privzete atribute (kot je version="1.1") in presledke med oznakami — vsak prehod ozko omejen, tako da se vsebina besedilnega vozlišča nikoli ne dotakne.
4
Velikost gzip in izvozne oblike
API CompressionStream brskalnika izračuna dejanske velikosti gzip vhoda in izhoda, saj to dejansko določa strošek prenosa na spletu. Optimiziran SVG lahko prenesete, kopirate kot surov SVG, pretvorite v atribute camelCase, pripravljene za React JSX, ali zakodirate kot CSS podatkovni URI — vse pretvorbe potekajo lokalno.

Vaš SVG se bere in obdela v celoti znotraj vašega zavihka brskalnika — bajti datoteke nikoli ne zapustijo vaše naprave.

Sorodna orodja

🗜️

Minifikator in ulepševalnik CSS

Minimizirajte CSS za zmanjšanje velikosti datoteke ali ulepšajte minificirani CSS za berljivost. Takojšnje, v vašem brskalniku.

Poskusite

🗜️

Stiskalnik GIF

Zmanjšajte animirani GIF: prilagodite ga omejitvi velikosti, na primer 256 KB za emodži ali 512 KB za nalepke v Discordu, ali pa sami izberite barve, širino in sličice. Deluje v brskalniku; GIF se ne naloži na strežnik.

PoskusiteDatoteke ostanejo lokalne

📄

PDF kompresor

Stisnite datoteke PDF, da zmanjšate njihovo velikost. Izberite raven kakovosti — večja kompresija pomeni manjše datoteke, a nižjo zvestobo slike.