SVG

SVG (Scalable Vector Graphics) è un formato basato su XML per la grafica vettoriale bidimensionale, standardizzato dal W3C. I file usano l'estensione .svg e il tipo di media image/svg+xml. Invece di memorizzare pixel, un file SVG descrive forme, percorsi, testo, gradienti e filtri come markup, che il visualizzatore disegna a qualsiasi dimensione.

Poiché SVG è testo, può essere modificato in un editor di codice, compresso con gzip, stilizzato con CSS e cambiato con JavaScript. I browser renderizzano SVG in modo nativo, e gli strumenti di design lo esportano per icone, loghi e illustrazioni. Un file SVG può contenere anche immagini raster incorporate, ma in quel caso tali parti si comportano come qualsiasi bitmap.

Vettoriale e raster

	Vettoriale (SVG)	Raster (PNG, JPG, WebP)
Memorizza	Forme e percorsi	Pixel
Ridimensionamento	Nitido a qualsiasi dimensione	Si sfoca quando ingrandito
Uso migliore	Icone, loghi, diagrammi	Foto, screenshot
Dimensione del file	Cresce con la complessità	Cresce con il numero di pixel

Dove si usa SVG

• Loghi del sito e set di icone.
• Grafici e diagrammi generati dal codice.
• Illustrazioni e semplici animazioni nelle pagine web.
• Favicon nei browser che supportano favicon SVG.

SVG e screenshot

Uno screenshot è una griglia di pixel, quindi è per natura un'immagine raster. Salvarlo dentro un file SVG non lo rende scalabile: la bitmap incorporata continua a sfocarsi quando viene ingrandita. Gli strumenti di tracciamento possono convertire uno screenshot in percorsi vettoriali, ma il risultato raramente rende bene il testo piccolo dell'interfaccia ed è molto più grande.

Dove SVG si inserisce nei flussi con molti screenshot

SVG funziona bene per le parti attorno a uno screenshot: frecce, didascalie, loghi e diagrammi che spiegano l'immagine. Uno schema comune è uno screenshot dell'interfaccia in PNG o WebP, con icone e annotazioni SVG posizionate sopra in una pagina web.

Errori comuni

• Incorporare un PNG grande in un SVG e chiamarlo file vettoriale.
• Caricare SVG su piattaforme che accettano solo PNG o JPG.
• Aprire file SVG non attendibili senza cautela, perché un SVG può contenere script.

Hai un'immagine da correggere adesso?

Converti uno screenshot tra PNG, JPG e WebP con il Image Converter, oppure riducine la dimensione con il Image Compressor.

Domande frequenti

Posso salvare uno screenshot come SVG?

Puoi incorporarlo in un file SVG, ma resta una bitmap. Per gli screenshot usa PNG.

SVG è più piccolo di PNG?

Per forme semplici, di solito sì. Per immagini dettagliate e screenshot, di solito no.

Fonti

• Scalable Vector Graphics (SVG) 2 (W3C)
• SVG (MDN)

Risorse correlate

• Convertitore di immagini: conversione tra PNG, JPG e WebP.
• Strumento di annotazione degli screenshot: aggiunge frecce ed etichette a uno screenshot.
• Formati di esportazione: formati raster esportati da Temposhot.