SVG — Scalable Vector Graphics
Formato vettoriale basato su XML per descrivere forme, testo, immagini e animazioni scalabili.
Cos’è un file SVG?
SVG è un formato XML per grafica vettoriale bidimensionale. Può contenere forme, percorsi, testo, stili, immagini incorporate, filtri e script secondo il profilo e il contesto di utilizzo.
Le estensioni associate sono .svg, .svgz. L’estensione aiuta a identificare il formato, ma non sostituisce il controllo della struttura interna e del MIME type.
Caratteristiche tecniche
SVG rappresenta la grafica con elementi XML e coordinate, non con una matrice fissa di pixel. La risorsa può referenziare fogli di stile, font, immagini esterne e script: la sanitizzazione è importante quando l'SVG arriva da utenti o da fonti non fidate.
- Grafica vettoriale indipendente dalla risoluzione.
- Supporto a path, testo, gradienti, filtri, trasformazioni e animazioni.
- SVGZ è una versione compressa con gzip.
- Il profilo supportato varia tra browser, visualizzatori e librerie.
Come riconoscere un file SVG
Quando applicabile, la firma iniziale o magic bytes è:
3C 73 76 67 oppure 3C 3F 78 6D 6C (ASCII: <svg o <?xml)
Come aprirlo
Per visualizzare SVG usa un browser; per modificare il vettoriale usa Inkscape o un editor compatibile. Prima di pubblicare SVG ricevuti da terzi, rimuovi script e risorse esterne non necessarie.
Software compatibili
- Inkscape — Desktop. Editor vettoriale.
- Mozilla Firefox — Desktop e mobile. Rendering SVG nel browser.
Sicurezza
SVG è XML e può contenere script, riferimenti esterni, eventi, immagini incorporate e risorse attive a seconda del contesto. Un SVG non fidato va trattato come contenuto attivo soprattutto se inserito inline in una pagina web. Sanitizza e limita il Content Security Policy.
Contenuti attivi: Può contenere script, event handler, link e riferimenti a risorse esterne; il comportamento dipende dal renderer e dal contesto di inserimento.
Conversioni
Conversioni disponibili: PNG, WEBP, PDF.
Da SVG a raster si perde la scalabilità e possono cambiare font, filtri, animazioni e interattività. Da raster a SVG il risultato è una vettorializzazione e non recupera i dati originali.
Formati correlati
FAQ
SVG è un'immagine o un testo?
È un documento XML testuale che descrive grafica vettoriale; SVGZ è la variante compressa.
Un SVG può contenere codice?
Sì, la specifica e i renderer possono supportare script e gestori di eventi. Per file non fidati usa sanitizzazione e non inserirli inline senza controlli.