Perché i file SVG portano tanti dati in più
I programmi di disegno salvano più del disegno: spazi dei nomi dell’editor, nomi dei livelli, commenti, elementi nascosti, tracciati con dieci decimali e id come «Layer_1-copy-3». Un browser non ha bisogno di nulla di tutto ciò. L’ottimizzatore di questa pagina legge il file, elimina ciò che non ha effetto visibile e riscrive il resto nella forma più breve, così icone e illustrazioni si riducono spesso di un terzo o più senza cambiare aspetto.
Ottimizza un SVG in quattro passi
- Incolla il codice SVG nella casella a sinistra o premi Apri file SVG.
- Imposta il numero di cifre decimali e spunta le opzioni che servono.
- Confronta le due anteprime e leggi lo spazio risparmiato sotto il risultato.
- Premi Copia o scarica il nuovo file come .min.svg.
Cosa fa ogni opzione
- Cifre decimali arrotonda le coordinate. Tre cifre sono sicure per le icone; una o due vanno bene per forme grandi e semplici.
- Più passate ripete la pulizia finché non c’è altro da risparmiare.
- Accorcia gli id rinomina gli id usati e scarta gli altri. Disattivalo per SVG inline i cui id sono stilizzati o gestiti con script altrove.
- Rimuovi larghezza e altezza permette all’immagine di scalare con il suo contenitore, purché ci sia un viewBox.
- Rimuovi script elimina gli elementi script e gli attributi di evento, utile prima di incorporare un SVG di origine ignota.
Controlli prima di sostituire l’originale
L’ottimizzazione è sicura per la maggior parte dei file, ma un arrotondamento aggressivo può spostare le linee sottili e gli id rimossi possono rompere CSS o animazioni che li richiamano. Per questo la pagina mostra originale e risultato affiancati. Tieni il file originale finché non hai visto il nuovo nel suo uso reale.
Niente viene caricato
L’ottimizzatore viene caricato una volta e gira dentro questa scheda. La tua grafica non raggiunge mai un server, cosa importante per loghi inediti e lavori per i clienti.