SVG → SVG
Ottimizzatore SVG
Rendi più leggeri i file SVG senza cambiarne l'aspetto. L'ottimizzatore esegue SVGO nel browser e mostra il risultato accanto all'originale.
Trascina qui un file SVG oppure fai clic per scegliere un file, o incollalo con Ctrl+V Funziona nel browser · i file restano sul tuo dispositivo
Come comprimere un SVG
- Aggiungi l'SVG. Trascinalo, sceglilo o incollalo.
- Imposta le cifre decimali. Meno decimali danno un file più leggero. Controlla nell'anteprima che i bordi non si spostino.
- Confronta le due anteprime. L'originale e la versione ottimizzata sono affiancati, con il peso risparmiato.
- Scarica o copia il codice. Il nome del file prende la terminazione .min.svg.
Cosa rimuove l'ottimizzatore SVG
I programmi di grafica aggiungono dati che i browser non usano mai: namespace e metadati dell'editor, commenti, livelli nascosti, gruppi vuoti, valori di attributi predefiniti e coordinate con più decimali di quanti uno schermo possa mostrare. L'ottimizzatore usa SVGO, l'ottimizzatore open source presente in molti strumenti di build per il web, con il suo set predefinito di plugin sicuri.
Comprimere file SVG arrotondando i decimali
I dati dei tracciati sono spesso la parte più pesante di un SVG, e gran parte sono decimali. Una coordinata come 12.483920 disegnata su un'icona da 24 px appare identica a 12.48. Il cursore delle cifre decimali controlla questo arrotondamento. Per le icone di solito bastano 1 o 2 decimali; per illustrazioni dettagliate o mappe, tienine 3. L'opzione Ripeti finché c'è risparmio applica i plugin più volte e spreme ancora qualcosa dai file complessi.
Ottimizzare un SVG per il web: l'opzione responsive
Spunta Rimuovi width e height per eliminare le dimensioni fisse e tenere solo il viewBox. L'SVG si adatta così alla larghezza del suo contenitore, che è ciò che serve per icone e loghi nei layout CSS. Lascia l'opzione disattivata se l'SVG deve mantenere una dimensione esatta.