Vai al contenuto
viewsvg

Ottimizzatore SVG

Alleggerisci i file SVG rimuovendo metadati dell’editor, gruppi superflui e decimali in eccesso, con anteprime affiancate perché nulla si rompa.

Codice SVG

Trascina qui i file SVG

oppure incolla codice SVG nell’editor.

Sfoglia 28.000+ icone

Il tuo SVG resta su questo dispositivo. Non viene caricato nulla.

Scorciatoie da tastiera

Apri file
⌘/Ctrl O
Scarica SVG
⌘/Ctrl S
Incolla SVG (fuori dall’editor)
⌘/Ctrl V
Ingrandisci / riduci
+ −
Zoom con il mouse
⌘/Ctrl + rotellina
Adatta allo schermo
F
Dimensioni reali
1
Cambia sfondo
B
Modalità contorno
O
Griglia di pixel
G
Sposta
Trascina o scorri

Apri da URL

Il file viene scaricato direttamente dal tuo browser. Funziona solo se il server consente richieste cross-origin (CORS).

Come usare il Ottimizzatore SVG

  1. 1

    Apri il tuo SVG

    Trascina uno o più file SVG esportati da Figma, Illustrator, Inkscape o Sketch.

  2. 2

    Regola le impostazioni

    Regola la precisione numerica e opzioni come mantenere gli ID o rimuovere width e height. Le anteprime prima/dopo si aggiornano subito.

  3. 3

    Applica o scarica

    Applica il risultato all’editor (puoi annullare), copialo o scarica il file ottimizzato.

Cosa rimuove l’ottimizzatore SVG

I programmi di grafica scrivono molto codice che il browser non usa mai. L’ottimizzatore lo rimuove lasciando l’immagine identica:

  • Metadati dell’editor, commenti e namespace di Illustrator, Inkscape o Sketch
  • Elementi nascosti e vuoti, defs inutilizzati e gruppi superflui
  • Decimali in eccesso nelle coordinate, regolati dal cursore di precisione
  • Comandi di tracciato lunghi, riscritti in una forma equivalente più breve
  • Valori predefiniti degli attributi e stili duplicati

Perché ottimizzare i file SVG?

SVG più leggeri si caricano più in fretta, il che aiuta i Core Web Vitals, e contano soprattutto per gli SVG inline nell’HTML, gli sprite di icone e i componenti React, dove ogni byte finisce nel bundle JavaScript. Un codice più pulito è anche più facile da leggere, ricolorare e animare.

Controlla la dimensione con gzip oltre a quella grezza: è più vicina a ciò che il tuo server invia davvero.

Tutto ciò che serve per lavorare con gli SVG

Il Ottimizzatore SVG fa parte di un unico spazio di lavoro per visualizzare, modificare, ottimizzare e convertire file SVG, senza registrazione, senza pubblicità e senza caricamenti.

Anteprima istantanea

Zoom fino al 6400%, spostamento, adattamento allo schermo e verifica su sfondo trasparente, bianco, nero o di qualsiasi colore.

Editor di codice in tempo reale

Evidenziazione della sintassi, indicatori di errore per riga, formattazione e minificazione, ricerca e cronologia completa degli annullamenti.

Contorno e griglia di pixel

Vedi ogni tracciato in modalità contorno e controlla l’allineamento dei pixel con la griglia quando ingrandisci.

Ispeziona

Dimensione del file e con gzip, viewBox, albero degli elementi con evidenziazione e sostituzione dei colori con un clic.

Ottimizza con SVGO

Riduci i file con anteprime prima/dopo e precisione regolabile. Ottimizza tutti i file aperti in una volta.

PNG, JPG, WebP e ICO

Esporta a qualsiasi dimensione fino a 16384 px, con trasparenza, o copia il PNG direttamente negli appunti.

React, Vue e Svelte

Componenti JSX/TSX, React Native, Vue e Svelte puliti, con supporto per currentColor e props.

Più file insieme

Apri molti SVG come schede, poi ottimizzali in blocco o scaricali in uno ZIP di SVG o PNG.

Privato e offline

Nessun caricamento, nessun account. Il tuo lavoro resta salvato nel browser e l’app funziona offline dopo la prima visita.

Domande frequenti

Di quanto si ridurrà il mio SVG?

I file esportati dai programmi di grafica spesso si riducono del 30–80%, perché SVGO rimuove metadati, commenti, elementi nascosti e decimali in eccesso. Il risparmio esatto compare prima che tu applichi qualcosa.

L’ottimizzazione cambia l’aspetto del mio SVG?

Le impostazioni predefinite sono sicure per la maggior parte dei file. Se abbassi molto la precisione, confronta le anteprime prima/dopo. Attiva «Mantieni ID» se il tuo CSS o JavaScript usa gli id degli elementi.

Cos’è SVGO?

SVGO è l’ottimizzatore SVG open source più usato. viewsvg lo esegue nel tuo browser, quindi i tuoi file non lasciano mai il dispositivo.

I miei file SVG vengono caricati da qualche parte?

No. viewsvg funziona interamente nel tuo browser. I file vengono letti, visualizzati, ottimizzati e convertiti sul tuo dispositivo e niente viene inviato a un server. Dopo la prima visita funziona anche offline.

viewsvg è gratuito?

Sì. Tutte le funzioni sono gratuite, senza registrazione, senza filigrane e senza limiti sui file.

Altri strumenti SVG gratuiti