Che cos'è il formato di file SVG?
L'abbreviazione .svg sta per Scalable Vector Graphics ed è un formato per file di grafica 2D. SVG è un linguaggio basato su XML progettato per descrivere la grafica 2D in testo semplice. Il formato .svg è stato sviluppato dal *World Wide Web Consortium (W3C)* ed è il formato standard per la visualizzazione di grafica vettoriale sul web, diventando una raccomandazione W3C nel 2001 (SVG 1.1 è seguito nel 2011).
Poiché il testo viene utilizzato per descrivere la grafica vettoriale, la scala di un file .svg può essere modificata senza alcuna perdita di qualità. In parole povere: il contenuto del file, un'immagine, può essere visualizzato a qualsiasi dimensione senza sgranature, rendendo il formato .svg ideale per icone, loghi, illustrazioni ed elementi dell'interfaccia utente che devono apparire nitidi a qualsiasi risoluzione.
I file .svg possono anche essere compressi utilizzando la compressione GZIP, dopodiché il formato cambia in .svgz, con la dimensione finale ridotta di circa il 50-80%.
A causa della loro natura testuale basata su XML, i file .svg possono essere cercati, indicizzati, compressi e scriptati, il che li rende perfettamente adatti alla condivisione di grafica sul web. Tutti i browser moderni eseguono il rendering nativo delle immagini .svg senza alcun plugin. I file .svg sono supportati allo stesso modo da editor di testo semplice e da editor vettoriali avanzati come Inkscape o Adobe Illustrator, e possono incorporare immagini raster PNG, animazioni, stili CSS e JavaScript interattivo direttamente all'interno del file. Il tipo MIME è image/svg+xml.
Sicurezza e incolumità
RISCHIO: MEDIUMSVG è XML e può INCORPORARE CSS e JavaScript, quindi un file .svg aperto in un browser può eseguire script - questo rende gli SVG malevoli un reale vettore di cross-site-scripting, redirect e phishing; gli allegati e-mail SVG sono stati utilizzati in campagne malware (un'immagine «innocua» che in realtà contiene uno script o un modulo HTML). Tratta i file .svg non richiesti come pagine web, non come immagini: non aprirli da mittenti sconosciuti e, sui siti web, sanifica gli SVG caricati (rimuovendo script/gestori di eventi) prima di servirli. Aprire un SVG in un visualizzatore che non supporta script o in un editor di codice per ispezionare l'XML è sicuro. Evita siti di download sospetti di «visualizzatori/convertitori SVG gratuiti» che includono adware - il browser e Inkscape coprono le reali necessità.
Dettagli del formato
in sintesiProgrammi che aprono file SVG
Windows4 apps
Adobe Illustrator
A pagamento File -> Apri il file .svg per modificarlo; File -> Esporta per PNG/JPG. L'editor vettoriale standard del settore. 
Web browser (Chrome, Edge, Firefox)
Gratuito Fai doppio clic sul file .svg o trascinalo nella finestra del browser per visualizzarlo alla massima qualità.
Code editor (VS Code / Notepad++)
Gratuito Apri il file .svg come testo per leggere/modificare direttamente il markup XML (e visualizzalo in anteprima con un'estensione SVG). 
macOS3 apps
Adobe Illustrator
A pagamento File -> Apri il file .svg per modificarlo; File -> Esporta per PNG/JPG. L'editor vettoriale standard del settore.
Web browser / Preview
Integrato Apri il file .svg in Safari/Chrome per visualizzarlo; anche macOS Anteprima esegue il rendering degli SVG. 
Linux3 apps
GIMP
Open-source Importa il file .svg (lo rasterizza a una risoluzione scelta) per l'editing/esportazione di pixel.
SVG-Edit / boxy-svg (online editors)
Freemium Apri e modifica SVG nel browser senza installazione (Boxy SVG o l'open-source SVG-Edit). Dettagli tecnici
specifiche approfondite| Struttura del file | Testo XML semplice; leggibile dall'uomo e modificabile in qualsiasi editor di testo senza software speciali |
| Tipo MIME | image/svg+xml |
| Codifica dei caratteri | UTF-8 (dichiarata nell'intestazione XML); il file è testo Unicode semplice senza contenuto binario |
| Scalabilità | Scalabilità infinita senza perdite - la geometria è definita matematicamente, quindi non si verifica sgranatura a nessuna dimensione |
| Variante compressa | .svgz - lo stesso XML SVG racchiuso in gzip; dimensione del file solitamente ridotta del 50-80% |
| Supporto animazioni | Sono supportate sia le animazioni dichiarative SMIL che le animazioni/transizioni CSS |
| Scripting | JavaScript può interrogare e modificare gli elementi SVG tramite l'API DOM standard, consentendo l'interattività |
| Stile | Il CSS può essere applicato tramite attributi di stile inline, blocchi <style> incorporati o fogli di stile esterni |
| Sistema di coordinate | Tela infinita con unità definite dall'utente; l'attributo viewBox mappa le coordinate del documento sulla viewport |
| Primitive di forma | path, circle, rect, ellipse, polygon, polyline, line - oltre a gradienti, pattern, maschere ed effetti filtro |
| Rendering del browser | Supporto nativo in tutti i browser moderni (Chrome, Firefox, Edge, Safari) - nessun plugin richiesto |
| Incorporamento in HTML | Può essere usato inline come <svg>, referenziato tramite <img>, <object>, <embed> o come background-image CSS |
| Accessibilità | I nodi di testo sono leggibili dalle macchine; supporta gli elementi <title> e <desc> oltre agli attributi ARIA |
| Incorporamento raster | Le immagini raster esterne (PNG, JPEG) possono essere incorporate tramite elementi <image> utilizzando percorsi di file o URI di dati |
| Identificazione del file | Nessun magic byte binario; identificato dall'elemento radice <svg, opzionalmente preceduto da una dichiarazione XML o DOCTYPE |
| Rilasciato | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Standard aperto | Sì · royalty-free |
| Specifica | www.w3.org |
Conversioni SVG
Domande e risposte della community
chiesto dagli utentiAncora nessuna domanda - sii il primo a chiedere informazioni sui file SVG.
