Ottimizzatore e Minificatore SVG gratis
Rimuovi metadati, comprimi gli spazi e arrotonda i decimali per ridurre drasticamente le dimensioni dei file SVG — riduzioni tipiche del 30-70%. L'anteprima visiva verifica che nulla si rompa.
Trascina qui un file o fai clic per sfogliare
SVG · elaborato sul tuo dispositivo
oppure premi Ctrl+V per incollare dagli appunti
I tuoi file non lasciano mai il tuo dispositivo. Tutta l'elaborazione avviene localmente nel browser.
Usi comuni
- Ottimizza Icone SVG per la ProduzioneRimuovi metadati non necessari da SVG di icone prima della distribuzione — riduzione tipica del 50-80%.
- Ottimizza SVG di Logo del MarchioRiduci la dimensione del file SVG del logo per il caricamento veloce del sito senza sacrificare la qualità.
- Ottimizza Illustrazioni e Hero SVGPer illustrazioni più grandi (hero, grafica decorativa), l'ottimizzazione può ridurre la dimensione del file del 30-70%.
- Riduci la Dimensione del Bundle JavaScriptQuando gli SVG sono importati come componenti React o incorporati nel codice, l'ottimizzazione riduce il tuo bundle JS.
- Pulisci le Esportazioni SVG da Figma / SketchLe esportazioni SVG di Figma e Sketch includono metadati estesi. Rimuovili prima di usare in produzione.
Come funziona
Questo strumento riduce la dimensione dei file SVG usando un ottimizzatore scritto a mano che funziona interamente nel tuo browser — nessuna libreria, nessun server. Combina due passaggi: DOMParser/XMLSerializer integrati del browser per lavoro di precisione a livello di attributo, e sostituzioni regex mirate per rimozione commenti, rimozione metadati, e collasso degli spazi bianchi.
- 1DOMParser sanifica l'SVGPrima di qualsiasi ottimizzazione, il DOMParser del browser legge l'SVG come XML e attraversa ogni elemento. Tag script, gestori eventi (qualsiasi attributo on*), elementi di animazione, e riferimenti URL esterni vengono rimossi incondizionatamente — questo funziona indipendentemente da quali opzioni di ottimizzazione scegli.
- 2Arrotondamento decimale basato sul DOMSe l'arrotondamento decimale è abilitato, l'ottimizzatore attraversa il DOM analizzato una seconda volta e applica l'arrotondamento solo agli attributi numerici noti (dati path d, coordinate, valori transform, larghezze stroke, ecc.), usando una regex che corrisponde ai singoli numeri a virgola mobile senza corrompere valori path concatenati come .5.5.
- 3I passaggi regex ripuliscono il markup serializzatoXMLSerializer produce XML normalizzato, poi sostituzioni di stringa mirate rimuovono commenti HTML, metadati dell'editor Inkscape/Sodipodi, la dichiarazione XML, attributi predefiniti ridondanti (come version="1.1"), e spazi bianchi inter-tag — ogni passaggio ha un ambito ristretto così il contenuto dei nodi di testo non viene mai toccato.
- 4Dimensione gzip e formati di esportazioneLa CompressionStream API del browser calcola le dimensioni gzip reali sia dell'input che dell'output, poiché è ciò che determina effettivamente il costo di trasferimento sul web. L'SVG ottimizzato può essere scaricato, copiato come SVG grezzo, convertito in attributi camelCase pronti per React JSX, o codificato come URI dati CSS — tutte le conversioni avvengono localmente.
Il tuo SVG viene letto ed elaborato interamente all'interno della scheda del tuo browser — i byte del file non lasciano mai il tuo dispositivo.
Strumenti correlati
Minificatore e Abbellitore CSS
Minifica il CSS per ridurre le dimensioni del file o abbellisci il CSS minificato per la leggibilità. Istantaneo, nel tuo browser.
Compressore GIF
Riduci il peso di una GIF animata: portala sotto un limite di dimensione, come i 256 KB delle emoji di Discord o i 512 KB degli sticker, oppure scegli tu colori, larghezza e fotogrammi. Funziona nel browser; la GIF non viene caricata.
Compressore PDF
Comprimi file PDF per ridurne le dimensioni. Scegli un livello di qualità: una compressione maggiore significa file più piccoli ma immagini meno fedeli.