Kako da smanjim veličinu SVG datoteke?

Ispustite .svg datoteku ili zalijepite njezin izvorni kod, zadržite zadane opcije i usporedite veličine Izvornik i Optimizirano. Zatim upotrijebite Preuzmi .svg ili Kopiraj za preuzimanje manjeg rezultata.

Što SVG optimizator prema zadanim postavkama uklanja?

Prema zadanim postavkama uklanja komentare, metapodatke uključujući title, desc i Inkscape ili Sodipodi podatke, dodatne razmake, suvišne zadane atribute i XML deklaraciju te zaokružuje brojeve na 2 decimalna mjesta.

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

Ukloni id atribute elemenata je prema zadanim postavkama isključeno jer se CSS ili JavaScript animacije mogu pozivati na te ID-eve. Uključite ga samo ako ništa na vašoj stranici ne ovisi o njima.

Zašto su moje SVG animacije nestale?

Oznake skripti, atributi on-event, vanjske reference i SMIL elementi animacije poput animate i set uklanjaju se iz sigurnosnih razloga, tako da je optimizirani SVG statičan.

Mogu li koristiti optimizirani SVG u Reactu ili CSS-u?

Da. Osim Kopiraj i Preuzmi .svg, tu su i Kopiraj kao JSX, koji pretvara atribute u camelCase, i Kopiraj CSS pozadinu. Vizualni pregled omogućuje vam da provjerite ispravnost prikaza.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Prenose li se moje datoteke?

Ne. Vaše se datoteke otvaraju i obrađuju unutar vašeg preglednika i ne šalju se LibraToolu. Neki alati prvo u preglednik preuzmu mehanizam za obradu ili AI model; to preuzimanje ne sadrži nikakve vaše podatke.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije. Vrlo velike datoteke mogu biti spore ili ostati bez memorije na telefonu, pa za njih koristite računalo.

✨

SVG optimizator i minifikator — besplatno

Uklonite metapodatke, sažmite razmake i zaokružite decimale kako biste drastično smanjili veličinu SVG datoteke — tipična smanjenja od 30-70%. Vizualni pregled potvrđuje da ništa nije pokvareno.

Veličina datoteke ovisi o vašem uređajuDatoteke ostaju privatneNije potrebna prijavaBesplatno zauvijek

Radi offline nakon učitavanja

Ispustite datoteku ovdje ili kliknite za odabir

SVG · obrađuje se na vašem uređaju

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj datoteke

— ili zalijepite SVG ispod —

Vaše datoteke nikada ne napuštaju vaš uređaj. Sva obrada odvija se lokalno u vašem pregledniku.

Uobičajene namjene

Optimizirajte SVG ikone za proizvodnjuUklonite nepotrebne metapodatke iz SVG ikona prije slanja — tipična redukcija od 50-80%.
Optimizirajte brandira logotip SVGSmanjite veličinu datoteke SVG logotipa za brzo učitavanje web-sajtova bez žrtve kvalitete.
Optimizirajte ilustracije i SVG-oveZa veće ilustracije (heroj, dekorativnu grafiku), optimizacija može smanjiti 30-70% veličine datoteke.
Smanjite veličinu JavaScript bundle-aKada se SVG-ovi uvozne kao React komponente ili uključena u kod, njihova optimizacija smanjuje vaš JS bundle.
Očistite Figma / Sketch SVG izvozFigma i Sketch SVG izvoz uključuju opsežne metapdatke. Uklonite ga prije upotrebe u proizvodnji.

Kako funkcionira

Ovaj alat smanjuje veličinu SVG datoteke koristeći ručno napisani optimizator koji radi u potpunosti u vašem pregledniku — bez biblioteka, bez poslužitelja. Kombinira dva prolaza: ugrađeni DOMParser/XMLSerializer preglednika za rad precizan na razini atributa, i ciljane zamjene regexom za uklanjanje komentara, uklanjanje metapodataka i sažimanje bjelina.

1
DOMParser sanitizira SVG
Prije bilo kakve optimizacije, DOMParser preglednika čita SVG kao XML i prolazi kroz svaki element. Oznake skripti, rukovatelji događajima (bilo koji on* atribut), animacijski elementi i vanjske URL reference uklanjaju se bezuvjetno — ovo se odvija bez obzira koje opcije optimizacije odaberete.
2
Zaokruživanje decimala temeljeno na DOM-u
Ako je omogućeno zaokruživanje decimala, optimizator prolazi kroz raščlanjeni DOM drugi put i primjenjuje zaokruživanje samo na poznate numeričke atribute (podatke putanje d, koordinate, vrijednosti transformacije, širine poteza itd.), koristeći regex koji podudara pojedinačne brojeve s pomičnim zarezom bez kvarenja spojenih vrijednosti putanje poput .5.5.
3
Prolazi regexa čiste serijalizirani markup
XMLSerializer proizvodi normalizirani XML, zatim ciljane zamjene niza uklanjaju HTML komentare, metapodatke urednika Inkscape/Sodipodi, XML deklaraciju, suvišne zadane atribute (poput version="1.1") i bjeline između oznaka — svaki prolaz uski opseg tako da se sadržaj tekstualnog čvora nikad ne dira.
4
Procjena gzip veličine i izlazni formati
CompressionStream API preglednika izračunava stvarne gzip veličine i ulaza i izlaza, jer to zapravo određuje trošak prijenosa na webu. Optimizirani SVG može se preuzeti, kopirati kao sirovi SVG, pretvoriti u atribute camelCase spremne za React JSX, ili kodirati kao CSS data URI — sve pretvorbe odvijaju se lokalno.

Vaš SVG čita se i obrađuje u potpunosti unutar kartice vašeg preglednika — bajtovi datoteke nikad ne napuštaju vaš uređaj.

Srodni alati

🗜️

CSS minifikator i uljepšivač

Minificirajte CSS za smanjenje veličine datoteke ili uljepšajte minirani CSS radi čitljivosti. Trenutno, u vašem pregledniku.

Isprobajte

🗜️

GIF kompresor

Smanjite animirani GIF: prilagodite ga ograničenju veličine, primjerice Discordovih 256 KB za emoji ili 512 KB za naljepnicu, ili sami odaberite boje, širinu i sličice. Radi u vašem pregledniku; GIF se ne šalje na poslužitelj.

IsprobajteDatoteke ostaju lokalne

📄

PDF kompresor

Komprimirajte PDF datoteke kako biste smanjili njihovu veličinu. Odaberite razinu kvalitete — veća kompresija znači manje datoteke, ali nižu vjernost slika.