Vai al contenuto principale

Minificatore SVG

Minifica gli SVG: elimina commenti, metadati e spazi bianchi

Pulisci il markup SVG prima che entri in un repository o in una build di produzione. Rimuovi commenti, dichiarazioni XML, dati dell'editor, gruppi vuoti e definizioni inutilizzate con 15 passaggi commutabili individualmente e un confronto visivo.

Trascina i file qui

Modifica dei valori predefiniti per i nuovi file

Preset

Tutto quello che c'è in Sicuro, più la pulizia degli attributi, la rimozione degli elementi invisibili, l'ottimizzazione dei tracciati e le coordinate arrotondate.

Ottimizzazione

Quanti decimali mantengono le coordinate. Meno decimali, file più piccolo; sotto 2 i disegni dettagliati si possono spostare visibilmente.

Anteprima

Nessuna anteprima. Aggiungi e seleziona file per vedere i risultati.

Nessun file ancora. Trascina file sopra o clicca SELEZIONA FILE.

Cosa rimuove la minificazione di un SVG

Minificare un SVG è lavoro sul markup, non elaborazione di immagini: non viene ridisegnato niente, si toglie o si accorcia soltanto. Un'esportazione tipica da un editor porta con sé una dichiarazione XML, un doctype, un commento del generatore, i namespace di Inkscape o Figma, attributi id a cui nulla fa riferimento, gruppi contenitore vuoti, voci in defs che nessun elemento usa e coordinate scritte con sei decimali. I browser ignorano tutto questo. Toglierlo rende il file più piccolo e, cosa altrettanto utile, rende leggibile il diff quando gli SVG finiscono in un repository e vengono revisionati come qualsiasi altro file sorgente.

Come minificare un file SVG

  1. 1

    Trascina i tuoi SVG, o clicca SELEZIONA FILE, per aggiungerli alla coda. Fino a 40 alla volta.

  2. 2

    Scegli Sicuro, Bilanciato o Massimo, disattiva i singoli passaggi che non vuoi e guarda aggiornarsi il risparmio per ogni file.

  3. 3

    Clicca SALVA TUTTO per scaricare il risultato, o un unico ZIP quando la coda contiene più di un file.

Privacy: i tuoi file non escono dal browser

La conversione viene eseguita localmente nel tuo browser utilizzando JavaScript e WebAssembly. Non è previsto il caricamento di file o la conversione lato server, quindi i file che aggiungi rimangono sul tuo dispositivo.

L'elaborazione locale aiuta a proteggere i loghi riservati, i documenti interni e le opere d'arte inedite dei clienti. Le pagine e il codice di conversione vengono memorizzati nella cache mentre li utilizzi, quindi gli strumenti che hai già aperto possono continuare a funzionare senza una connessione di rete.

Domande frequenti

Minificare è la stessa cosa che comprimere?

In pratica sì: gli stessi passaggi fanno entrambi i lavori, e questa pagina e il Compressore SVG usano lo stesso motore. Cambia solo la priorità. Minificare riguarda il markup lasciato indietro da una persona o da un editor: commenti, metadati, namespace e spazi bianchi. Comprimere riguarda i byte in transito, dove arrotondare le coordinate ed eliminare attributi conta più di un sorgente ordinato.

Minificare può rompere il mio CSS o il mio JavaScript?

Può succedere, se un foglio di stile o uno script agisce dentro l'SVG. Nessun passaggio rinomina gli identificatori, ma Massimo rimuove elementi e attributi a cui niente fa riferimento all'interno del documento, ed è esattamente ciò a cui una regola esterna potrebbe puntare. Se l'SVG è animato o pilotato da script dall'esterno, usa Sicuro, oppure disattiva Rimuovi elementi invisibili e Rimuovi definizioni inutilizzate e controlla il risultato prima di distribuirlo.

Posso mantenere il viewBox ed eliminare larghezza e altezza?

Sì. Normalizza viewBox e Rimuovi larghezza e altezza sono passaggi separati. Eliminare le dimensioni fisse mantenendo il viewBox è quello che ti serve per un SVG che deve adattarsi al suo contenitore via CSS. Mantenerle è quello che ti serve per un file che verrà aperto da solo o inserito in un documento che non applica alcuno stile.