File SVG: cosa sono, come aprirli, crearli e convertirli
Un file SVG descrive una grafica vettoriale tramite XML. Memorizza tracciati, forme, riempimenti e linee invece di una griglia di pixel, quindi loghi, icone, grafici e illustrazioni restano nitidi a qualsiasi dimensione.
Che cos’è SVG
SVG significa Scalable Vector Graphics ed è uno standard Web aperto del W3C. PNG memorizza pixel; SVG memorizza istruzioni di disegno. viewBox definisce il sistema di coordinate interno, mentre width e height indicano la dimensione iniziale.
Quando usarlo
È adatto a loghi, icone dell’interfaccia, mappe, diagrammi, illustrazioni lineari e animazioni. Foto e texture sono spesso migliori in PNG o JPG. Una traccia complessa può produrre un SVG più pesante di un raster ottimizzato.
Come aprire un SVG
Trascina il file in Chrome, Firefox, Safari o Edge. Per controllare zoom, ritaglio e viewBox, usa SVG Viewer. Inkscape, Illustrator e Figma servono per modificare; un editor di codice mostra XML e riferimenti esterni.
Come creare un SVG
Puoi esportarlo da un’app vettoriale o scrivere forme semplici:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 80" role="img" aria-labelledby="title">
<title id="title">Blue circle and orange square</title>
<circle cx="35" cy="40" r="24" fill="#2563eb" />
<rect x="68" y="18" width="36" height="44" rx="6" fill="#f97316" />
</svg>
Il namespace è necessario per un file indipendente. Aggiungi un title quando l’immagine comunica informazioni.
Modificare e convertire
Modifica nodi e curve in un programma vettoriale; per piccoli interventi puoi cambiare colori, viewBox e tracciati nel XML. Controlla il risultato con SVG Editor e SVG Viewer. Pulisci file di terzi con SVG Sanitizer.
- SVG to PNG per raster trasparenti.
- SVG to JPG per anteprime senza trasparenza.
- SVG to PDF per revisione e stampa.
- SVG to Data URI per CSS o HTML inline.
Controlli prima della pubblicazione
Verifica rendering, viewBox, proporzioni, ritaglio e contrasto. Rimuovi metadati inutili, sanifica gli upload e comprimi il file finale con SVG Optimizer. Conserva separatamente la sorgente modificabile.
Domande frequenti
SVG è migliore di PNG?
SVG è ideale per forme scalabili; PNG per foto, texture e dimensioni in pixel fisse.
Posso aprirlo senza software di design?
Sì, basta un browser o SVG Viewer.
Posso convertire PNG in SVG?
Il tracing crea un’approssimazione in tracciati. I disegni semplici funzionano meglio.
Perché l’SVG è vuoto?
Controlla viewBox, ritaglio, sfondo, filtri e sintassi XML.
Un SVG è sicuro?
Tratta gli upload come XML non attendibile e sanificali prima di incorporarli.
Workflow SVGView
Visualizza con SVG Viewer, modifica con SVG Editor, sanifica con SVG Sanitizer, ottimizza con SVG Optimizer e converti solo quando serve.