Kako da smanjim veličinu SVG fajla?

Spustite .svg fajl ili nalepite njegov izvorni kod, zadržite podrazumevane opcije i uporedite Originalnu i Optimizovanu veličinu. Zatim koristite Preuzmi .svg ili Kopiraj da preuzmete manji rezultat.

Šta SVG optimizator podrazumevano uklanja?

Podrazumevano uklanja komentare, metapodatke uključujući title, desc i Inkscape ili Sodipodi podatke, dodatne razmake, suvišne podrazumevane atribute i XML deklaraciju i zaokružuje brojeve na 2 decimale.

Zašto su ID-jevi elemenata zadržani nakon optimizacije?

Ukloni id atribute elemenata je podrazumevano isključeno jer CSS ili JavaScript animacije mogu referencirati te ID-jeve. Uključite ga samo ako ništa na vašoj stranici ne zavisi od njih.

Zašto su moje SVG animacije nestale?

Script tagovi, on-event atributi, eksterne reference i SMIL elementi animacije kao što su animate i set se uklanjaju iz sigurnosnih razloga, tako da je optimizovani SVG statičan.

Mogu li da koristim optimizovani SVG u React-u ili CSS-u?

Da. Pored Kopiraj i Preuzmi .svg, tu su Kopiraj kao JSX, koji konvertuje atribute u camelCase, i Kopiraj CSS pozadinu. Vizuelni pregled vam omogućava da proverite da li se i dalje pravilno prikazuje.

Da li je zaista besplatno?

Da. Svaka alatka je besplatna za korišćenje, bez naloga i bez kreditne kartice. Obrada se obavlja na vašem uređaju, a ne na našim serverima, što omogućava da ostane besplatna.

Da li se moje datoteke otpremaju?

Ne. Vaše datoteke se otvaraju i obrađuju u vašem pregledaču i ne šalju se na LibraTool. Neki alati prvo preuzmu u pregledač mašinu za obradu ili AI model; to preuzimanje ne sadrži nikakve vaše podatke.

Da li radi na mobilnim uređajima?

Da. Radi u aktuelnim mobilnim pregledačima na iOS-u i Androidu, bez instalacije. Veoma velike datoteke mogu biti spore ili mogu da potroše svu memoriju telefona, pa za njih koristite računar.

✨

SVG optimizator i minifikator — besplatno

Uklonite metapodatke, skupite razmake i zaokružite decimale da biste dramatično smanjili veličinu SVG fajla — tipična smanjenja od 30–70%. Vizuelni pregled potvrđuje da ništa nije pokvareno.

Veličina fajla zavisi od vašeg uređajaFajlovi ostaju privatniNije potrebna prijavaBesplatno zauvek

Radi van mreže kada se učita

Prevucite datoteku ovde ili kliknite da izaberete

SVG · obrađeno na vašem uređaju

ili pritisnite Ctrl+V da nalepite iz privremene memorije

Pretraži fajlove

— ili nalepite SVG ispod —

Vaši fajlovi nikada ne napuštaju vaš uređaj. Sva obrada se odvija lokalno u vašem pregledaču.

Uobičajene upotrebe

Optimiziranje SVG ikona za proizvodnjuUklonite nepotrebne metapodatke iz ikona SVG pre nego što otpremite — tipična redukcija od 50-80%.
Optimiziranje marke logotipa SVGSmanjite veličinu datoteke SVG logotipa za brzo učitavanje veb-sajta bez žrtvovanja kvaliteta.
Optimiziranje ilustracija i Hero SVGZa veće ilustracije (hero, ukrasna grafika), optimizacija može da izbriše 30-70% veličine datoteke.
Smanjenje veličine JavaScript Bundle-aKada se SVG-ovi uvoze kao React komponente ili ugrade u kod, njihova optimizacija smanjuje vašu JS bundle.
Očistite Figma / Sketch SVG izvozFigma i Sketch SVG izvoz uključuju opsežne metapodatke. Uklonite ga pre korišćenja u proizvodnji.

Kako funkcioniše

Ova alatka smanjuje veličinu SVG fajla koristeći ručno napisan optimizator koji se u potpunosti izvršava u vašem pregledaču — bez biblioteka, bez servera. Kombinuje dva prolaza: ugrađeni DOMParser/XMLSerializer pregledača za precizan rad na nivou atributa, i ciljane zamene regularnim izrazom za uklanjanje komentara, uklanjanje metapodataka, i svođenje razmaka.

1
DOMParser sanitizuje SVG
Pre bilo kakve optimizacije, DOMParser pregledača čita SVG kao XML i prolazi kroz svaki element. Script oznake, rukovaoci događaja (bilo koji on* atribut), animacioni elementi, i spoljne URL reference se bezuslovno uklanjaju — ovo se dešava bez obzira koje opcije optimizacije izaberete.
2
Zaokruživanje decimala zasnovano na DOM-u
Ako je zaokruživanje decimala uključeno, optimizator prolazi kroz parsirani DOM drugi put i primenjuje zaokruživanje samo na poznate brojčane atribute (path d podaci, koordinate, transform vrednosti, širine linija, itd.), koristeći regularni izraz koji uparuje pojedinačne brojeve pokretnog zareza bez oštećenja spojenih vrednosti putanje poput .5.5.
3
Prolazi regularnim izrazom čiste serijalizovan markup
XMLSerializer proizvodi normalizovan XML, zatim ciljane zamene niza uklanjaju HTML komentare, metapodatke Inkscape/Sodipodi editora, XML deklaraciju, suvišne podrazumevane atribute (poput version="1.1"), i razmake između oznaka — svaki prolaz usko ograničen tako da sadržaj tekstualnog čvora nikada nije dodirnut.
4
Gzip veličina i formati izvoza
CompressionStream API pregledača izračunava stvarne gzip veličine i ulaza i izlaza, jer to zapravo određuje trošak prenosa na vebu. Optimizovan SVG se može preuzeti, kopirati kao sirovi SVG, konvertovati u camelCase atribute spremne za React JSX, ili kodirati kao CSS data URI — sve konverzije se dešavaju lokalno.

Vaš SVG se čita i obrađuje u potpunosti unutar vaše kartice pregledača — bajtovi fajla nikada ne napuštaju vaš uređaj.

Slične alatke

🗜️

CSS minifikator i ulepšavač

Minifikujte CSS da smanjite veličinu fajla ili ulepšajte minifikovani CSS radi čitljivosti. Trenutno, u vašem pregledaču.

Isprobajte

🗜️

GIF kompresor

Smanjite animirani GIF: uklopite ga u ograničenje veličine kao što je Discordov emodži od 256 KB ili nalepnica od 512 KB, ili sami izaberite boje, širinu i kadrove. Radi u pregledaču; GIF se ne otprema.

IsprobajteFajlovi ostaju lokalni

📄

PDF kompresor

Kompresujte PDF fajlove da biste smanjili njihovu veličinu. Izaberite nivo kvaliteta — veća kompresija znači manje fajlove, ali slabiju vernost slika.