Come comprimere file SVG.

Apri il Compressore SVG e scegli un file SVG o Prova un esempio. L'esempio è svg-compressor.svg, un simbolo orbita da 985 byte con un viewBox di 512 × 512, riempimento sfumato, titolo e descrizione. Usa Incolla SVG quando il markup è già in un editor o negli appunti.

Lo strumento accetta fino a 20 file da 2 MB ciascuno. Analizza un documento SVG completo e rimuove le dichiarazioni di documento SVG standard senza caricare file esterni. XML malformato, dichiarazioni di entità personalizzate e sottoinsiemi di documenti interni vengono rifiutati. File molto complessi possono anche raggiungere il limite di elementi o di tempo di elaborazione.

Questo flusso di lavoro produce grafica vettoriale statica. Script, gestori di eventi, risorse esterne, animazioni e immagini raster incorporate vengono rimossi. L'anteprima Originale è già sanificata, quindi non dovrebbe essere interpretata come un rendering senza restrizioni di ogni funzionalità nel file sorgente.

I due pannelli di anteprima mostrano l'originale sanificato e il risultato ottimizzato. Le dimensioni accanto a Originale e Ottimizzato e il riepilogo dei byte confrontano il file sorgente con l'output finito. Segnala un aumento quando l'ottimizzazione rende un particolare file più grande invece di promettere una riduzione ogni volta.

Apri Impostazioni e imposta la Precisione decimale su 2 per l'esempio. La precisione varia da 1 a 5 e inizia da 3. Valori più bassi possono semplificare la geometria numerica ma potrebbero spostare curve sottili, piccoli spazi o bordi allineati. Aumentala quando l'anteprima perde dettagli importanti.

Questo esempio utilizza una geometria semplice, quindi la precisione 2 mantiene la sua forma riconoscibile. Altri SVG con coordinate decimali complesse potrebbero cambiare di più. Visualizza il markup SVG ottimizzato per vedere il testo effettivo che verrà scaricato; non è una rappresentazione separata dell'originale.

Lascia abilitato Mantieni titoli e descrizioni accessibili per l'esempio trattato. Questo conserva il titolo e la descrizione SVG rimuovendo al contempo i metadati dell'editor ridondanti e semplificando il markup idoneo. Si tratta di diversi tipi di informazioni e non dovrebbero essere trattati come intercambiabili.

Accorcia ID interni è attivo per impostazione predefinita. L'ottimizzatore aggiorna i riferimenti all'interno del SVG, ma CSS esterni o JavaScript potrebbero ancora fare affidamento sugli ID originali. Disattiva questa opzione quando il file fa parte di un'applicazione più ampia che nomina i suoi elementi e testa il SVG finito in quel contesto.

Lascia disattivati Dimensioni responsive e Markup di output leggibile per l'esempio. Dimensioni responsive rimuove larghezza e altezza fisse quando il viewBox delle coordinate può fornire un ridimensionamento scalabile. L'output leggibile aggiunge rientri ed è utile per la manutenzione, ma può aumentare la dimensione del testo.

Seleziona Avvia, quindi Scarica. L'output elaborato è di 635 byte rispetto ai 985 byte della sorgente: una riduzione del 35.5%. Il suo titolo e la sua descrizione rimangono, e il confronto visualizzato è renderizzato dalla sorgente autentica e dal SVG scaricato.

L'articolo renderizza entrambi i vettori a 1,024 pixel per un'illustrazione nitida del risultato; la loro dimensione logica delle coordinate rimane 512 × 512. Un'anteprima più grande non aggiunge contenuto raster al SVG salvato. Esamina il vettore effettivo nella tua pagina di destinazione prima di sostituire una risorsa di produzione esistente.

Un file viene scaricato come SVG con il suo nome base originale. Un batch viene scaricato come un unico ZIP, con suffissi numerati per nomi di file duplicati. L'elaborazione avviene nel browser. Conserva la sorgente originale se desideri provare diverse impostazioni di ottimizzazione in seguito.