Offerta lancio: primo mese scontato del 50% · codice START50Usa il codice
Tutte le risorseGuida

Come ridurre la dimensione di un SVG senza perdere qualità

Riduci un SVG eliminando metadati, commenti, attributi ridondanti e precisione eccessiva, mantenendo viewBox, accessibilità e aspetto.

Risposta rapida

Per ridurre un SVG senza perdita visibile, elimina metadati dell’editor, commenti, elementi nascosti, attributi ridondanti e decimali inutili. Conserva viewBox, accessibilità e geometria visibile. Usa l’ottimizzatore SVG, poi confronta il risultato con l’originale.

Cosa si può rimuovere

ContenutoAzioneRischio
Metadati e commentiRimuovereBasso
Attributi ripetutiConsolidareBasso
Precisione eccessivaArrotondare con cautelaMedio
Definizioni inutilizzateRimuovere dopo il controlloMedio
viewBox e titoliConservareAlto se rimossi

Il progetto ufficiale SVGO spiega che gli editor esportano spesso informazioni ridondanti. Le impostazioni attuali mantengono viewBox e title per proteggere scalabilità e accessibilità.

Procedura sicura

  1. Conserva l’SVG originale.
  2. Elabora una copia con l’ottimizzatore SVG.
  3. Confronta i file in piccolo e ad alto zoom.
  4. Controlla gradienti, maschere, clip, simboli, ID, testo e colori CSS.
  5. Apri il risultato nel programma di destinazione.
  6. Usa il controllo SVG prima di pubblicare.

Il file minimo non è l’unico obiettivo. Un SVG poco più grande, accessibile e compatibile è migliore di uno piccolo ma danneggiato.

Quando conviene ottimizzare?

Per icone, loghi e illustrazioni caricati su molte pagine, ogni risparmio si moltiplica. Anche i design system beneficiano di ID coerenti e meno codice ridondante. Per un singolo file master, invece, la modifica affidabile conta più degli ultimi kilobyte risparmiati.

Domande frequenti

La compressione rende l’SVG sfocato?

Rimuovere codice non riduce la risoluzione vettoriale. Un arrotondamento aggressivo può alterare dettagli piccoli.

Devo eliminare viewBox?

Di solito no. Permette il ridimensionamento corretto nei layout responsivi.

Posso ottimizzare più volte?

Sì, ma ripetere impostazioni aggressive serve poco e può cambiare le forme. Conserva sempre il master.