Cum reduc dimensiunea unui fișier SVG?

Trage un fișier .svg sau lipește codul sursă, păstrează opțiunile implicite și compară dimensiunile Originală și Optimizat. Apoi folosește Descarcă .svg sau Copiază pentru a lua rezultatul mai mic.

Ce elimină optimizatorul SVG în mod implicit?

În mod implicit, elimină comentariile, metadatele inclusiv title, desc și datele Inkscape sau Sodipodi, spațiile suplimentare, atributele implicite redundante și declarația XML și rotunjește numerele la 2 zecimale.

De ce sunt păstrate ID-urile elementelor după optimizare?

Elimină atributele id ale elementelor este dezactivat implicit, deoarece animațiile CSS sau JavaScript pot face referire la acele ID-uri. Activează-l doar dacă nimic din pagina ta nu depinde de ele.

De ce au dispărut animațiile mele SVG?

Etichetele script, atributele on-event, referințele externe și elementele de animație SMIL, cum ar fi animate și set, sunt eliminate din motive de siguranță, astfel încât SVG-ul optimizat este static.

Pot folosi SVG-ul optimizat în React sau CSS?

Da. Pe lângă Copiază și Descarcă .svg, există Copiați ca JSX, care convertește atributele în camelCase, și Copiați fundalul CSS. Previzualizarea vizuală îți permite să verifici că încă se redă corect.

Da. Fiecare unealtă este gratuită, fără cont și fără card de credit. Procesarea se face pe dispozitivul tău, nu pe serverele noastre, ceea ce ne permite să le oferim gratuit.

Îmi sunt încărcate fișierele?

Nu. Fișierele tale sunt deschise și procesate în browser și nu sunt trimise către LibraTool. Unele instrumente descarcă mai întâi în browser un motor de procesare sau un model AI; acea descărcare nu conține date de-ale tale.

Funcționează pe mobil?

Da. Funcționează în browserele mobile actuale de pe iOS și Android, fără nimic de instalat. Fișierele foarte mari pot fi lente sau pot epuiza memoria telefonului, așa că folosește un computer pentru ele.

✨

Optimizator & Minificator SVG — gratuit

Elimină metadatele, colapsează spațiile albe și rotunjește zecimalele pentru a reduce dramatic dimensiunea fișierelor SVG — reduceri tipice de 30-70%. Previzualizarea vizuală verifică că nimic nu se strică.

Dimensiunea fișierului depinde de dispozitivul tăuFișierele rămân privateFără autentificare necesarăGratuit pentru totdeauna

Funcționează offline odată încărcat

Trage un fișier aici sau fă clic pentru a naviga

SVG · procesat pe dispozitivul tău

sau apăsați Ctrl+V pentru a lipi din clipboard

Răsfoiește fișierele

— sau lipește SVG mai jos —

Fișierele tale nu părăsesc niciodată dispozitivul. Toată procesarea se face local în browser.

Utilizări frecvente

Optimizare pictograme SVG pentru producțieEliminați metadate inutile din pictogramele SVG înainte de a expedia — reducere tipică de 50-80%.
Optimizare logo SVG marcăReduceți dimensiunea fișierului SVG logo pentru încărcarea rapidă a site-ului fără sacrificarea calității.
Optimizare ilustrații și erou SVGPentru ilustrații mai mari (eroi, grafică decorativă), optimizarea poate economisi 30-70% din dimensiunea fișierului.
Reduceți dimensiunea pachet JavaScriptCând SVG sunt importate ca componente React sau integrate în cod, optimizarea vă micșorează pachetul JS.
Curățare Figma / Sketch SVG exportăriExporturile SVG Figma și Sketch conțin metadate extinse. Eliminați-le înainte de utilizare în producție.

Cum funcționează

Această unealtă reduce dimensiunea fișierului SVG folosind un optimizator scris manual care rulează în întregime în browser-ul tău — fără biblioteci, fără server. Combină două treceri: DOMParser/XMLSerializer integrate ale browser-ului pentru lucru de precizie la nivel de atribut, și substituții regex țintite pentru eliminarea comentariilor, eliminarea metadatelor, și colapsul spațiilor albe.

1
DOMParser sanitizează SVG-ul
Înainte de orice optimizare, DOMParser al browser-ului citește SVG-ul ca XML și parcurge fiecare element. Etichetele script, gestionarii de evenimente (orice atribut on*), elementele de animație, și referințele URL externe sunt eliminate necondiționat — aceasta rulează indiferent de ce opțiuni de optimizare alegi.
2
Rotunjire zecimală bazată pe DOM
Dacă rotunjirea zecimală este activată, optimizatorul parcurge DOM-ul parsat a doua oară și aplică rotunjirea doar atributelor numerice cunoscute (date de cale d, coordonate, valori de transformare, lățimi de contur, etc.), folosind o expresie regulată care potrivește numere individuale în virgulă mobilă fără a corupe valorilor de cale concatenate precum .5.5.
3
Trecerile regex curăță markup-ul serializat
XMLSerializer produce XML normalizat, apoi înlocuiri de șir țintite elimină comentarii HTML, metadate editor Inkscape/Sodipodi, declarația XML, atribute implicite redundante (precum version="1.1"), și spații albe inter-etichete — fiecare trecere limitată îngust astfel încât conținutul nodurilor de text nu este niciodată atins.
4
Dimensiune gzip și formate de export
API-ul CompressionStream al browser-ului calculează dimensiunile reale gzip atât ale intrării cât și ale ieșirii, deoarece asta determină de fapt costul de transfer pe web. SVG-ul optimizat poate fi descărcat, copiat ca SVG brut, convertit la atribute camelCase gata pentru React JSX, sau codificat ca URI de date CSS — toate conversiile se întâmplă local.

SVG-ul tău este citit și procesat în întregime în fila browser-ului tău — octeții fișierului nu părăsesc niciodată dispozitivul tău.

Instrumente similare

🗜️

Minificator & Înfrumusețător CSS

Minifică CSS pentru a reduce dimensiunea fișierului sau înfrumusețează CSS-ul minificat pentru lizibilitate. Instant, în browser.

Încearcă

🗜️

Compresor GIF

Micșorează un GIF animat: încadrează-l sub o limită de dimensiune, cum ar fi emoji-ul Discord de 256 KB sau stickerul de 512 KB, sau alege singur culorile, lățimea și cadrele. Rulează în browser; GIF-ul nu este încărcat.

ÎncearcăFișierele rămân locale

📄

Compresor PDF

Comprimă fișierele PDF pentru a reduce dimensiunea. Alege un nivel de calitate — o compresie mai mare înseamnă fișiere mai mici, dar imagini mai puțin fidele.