Vai al contenuto

Minificatore SVG

Riduci la dimensione degli SVG eliminando XML non necessario, commenti e metadati degli editor.

Ingresso
Uscita

Minificatore SVG

Incolla un SVG esportato da Illustrator, Inkscape o Figma e questo strumento restituisce una versione minificata con lo stesso aspetto ma molto più piccola. Rimuove la dichiarazione XML, i commenti, i metadati specifici dell'editor (elementi e attributi con spazi dei nomi di Inkscape e Illustrator), i gruppi vuoti e gli spazi bianchi tra i tag — cose che un browser o un tag <img> non hanno mai avuto bisogno in primo luogo.

Decimali controlla quante cifre mantengono le coordinate e altri attributi numerici, quindi "12.34567" diventa "12.35" per impostazione predefinita a due. Rimuovere attributi id e class rimuove entrambi, tranne un id ancora mirato da un riempimento url(#…) o un riferimento href="#…" — questi rimangono, quindi i gradienti, i tracciati di ritaglio e gli elementi <use> continuano a funzionare. Rimuovere width/height, mantenere viewBox rimuove solo le dimensioni esterne quando un viewBox è presente per gestire il ridimensionamento, quindi l'SVG si adatta correttamente. Accorciare i colori esadecimali trasforma "#ffffff" in "#fff" ovunque tutti e tre i canali si raddoppino, lasciando tutto il resto invariato.

Il markup malformato — un tag non chiuso o non corrispondente — viene segnalato come un errore invece di essere indovinato, poiché un minificatore che silenziosi ripara XML interrotto può cambiare ciò che viene renderizzato. Il testo all'interno di <text>, <tspan> e <style> in linea rimane esattamente come scritto, poiché lo spazio bianco è parte del contenuto, non della formattazione. I terminatori di linea di Windows e Unix vengono gestiti allo stesso modo e il conteggio dal vivo mostra i byte di ingresso, i byte di uscita e la percentuale risparmiata.

Tutto viene eseguito localmente nel tuo browser: il tuo SVG non lascia mai il tuo dispositivo, il che è importante per i set di icone non pubblicati e l'arte del cliente. Copia il risultato, scaricalo come file .txt o rimandalo all'input per applicare un altro passaggio con opzioni diverse.

FAQ

Questo cambierà l'aspetto dell'SVG?
No. Rimuove solo il markup che non ha effetto visivo — commenti, metadati, gruppi vuoti e spazi bianchi extra — e arrotonda le coordinate, il che cambia il rendering di meno di un pixel con la precisione predefinita.
È sicuro rimuovere gli id e le class?
Lo strumento mantiene qualsiasi id ancora referenziato da un riempimento url(#…) o un collegamento href="#…", quindi i gradienti, i tracciati di ritaglio e le icone riutilizzabili continuano a funzionare. Solo gli id non referenziati e tutte le class vengono rimossi.
Che cosa succede se il mio SVG ha un errore di sintassi?
Lo strumento lo segnala invece di indovinarlo — un tag non chiuso o non corrispondente restituisce un messaggio di errore tranquillo in modo da poter correggere il markup e riprovare.
Rimuovere larghezza e altezza rompe l'immagine?
Solo quando un viewBox è presente, lo strumento li rimuove — il viewBox da solo è sufficiente per far ridimensionare l'SVG a qualsiasi dimensione il suo contenitore gli dia.
Il mio SVG viene caricato da qualche parte?
No. La minificazione viene eseguita completamente nel tuo browser — il tuo file non lascia mai il tuo dispositivo.