SVG (Scalable Vector Graphics) è un formato SVG comunemente utilizzato per icone, loghi e diagrammi. Questa guida copre le scelte di compatibilità, compressione, trasparenza e conversione.
| Funzione | Supporto |
|---|---|
| Trasparenza | alpha |
| Animazione | native_or_css_script |
| Usi primari | logos, icons, diagrams, charts, responsive graphics |
Estensione
.svg
Compressione
text_or_gzip
Supporto del browser
modern_major
Inventore
W3C SVG Working Group
Organizzazione degli inventori
W3C
Anno di origine
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG è un formato vettoriale basato su testo per loghi, icone, diagrammi, grafici e grafica reattiva. Si ridimensiona in modo pulito perché descrive forme anziché pixel fissi, ma deve essere ripulito quando si accettano caricamenti non attendibili.
SVG è stato sviluppato dal W3C come linguaggio di grafica vettoriale basato su XML per il web.
Rasterizza SVG in PNG quando è necessaria la compatibilità con pixel fissi. Scegli attentamente le dimensioni di output, la scala, il colore di sfondo e la gestione dei caratteri.
SVG rimane nitido a qualsiasi dimensione finché non viene rasterizzato. Gli output PNG/JPG sono istantanee a pixel fissi delle istruzioni vettoriali.
SVG può contenere metadati, riferimenti incorporati, script, collegamenti e testo. Disinfetta SVG non attendibili e blocca i carichi di risorse esterne durante la conversione.
Forte supporto per browser e editor di vettori; il rendering varia in base ai caratteri e alle funzionalità.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
Il supporto per la trasparenza SVG è: alfa. Scegli un formato di destinazione con supporto alpha quando gli sfondi trasparenti sono importanti.
Converti SVG quando un altro formato soddisfa meglio le esigenze di compatibilità, dimensione del file, trasparenza, metadati o modifica.
Caratteri mancanti, risorse esterne, CSS o funzionalità SVG non supportate possono modificare il risultato rasterizzato.
SVG è markup e può contenere script o riferimenti esterni. SVG non attendibile deve essere disinfettato prima del rendering.
Utilizza la dimensione di visualizzazione finale o esporta a 2x/3x per schermi ad alta densità.
Utilizzare SVG dove supportato per loghi scalabili; utilizzare PNG come fallback per flussi di lavoro raster fissi.
W3C - official_spec
MDN Web Docs - browser_documentation