← Tutti gli episodi
Copertina di Ogni cosa al suo posto: quando usare il vettoriale (e quando no)
Stagione 30 · Episodio 008

Ogni cosa al suo posto: quando usare il vettoriale (e quando no)

3 settembre 2026 5:38
0:00 5:38

Ciao, e benvenuto nell'ottava puntata della trentesima stagione. Nelle scorse puntate abbiamo celebrato le meraviglie di SVG: la scalabilità, l'apertura, la vitalità. Oggi, con l'onestà di sempre, mettiamo dei confini a queste meraviglie, e affrontiamo la domanda pratica più importante di tutta la stagione: quando conviene usare SVG, e quando no? Perché SVG è magnifico, ma non per ogni immagine. C'è un dominio in cui è insuperabile, e un dominio in cui è la scelta sbagliata. Capire questo confine è ciò che distingue chi usa SVG con saggezza. Oggi parliamo di ogni cosa al suo posto.

Ripartiamo dalla distinzione tra le due famiglie di immagini, perché è la chiave di tutto. Ricordi? Ci sono le immagini raster, fatte di puntini, perfette per il fotografico ricco di dettaglio; e le immagini vettoriali, come SVG, fatte di forme descritte, perfette per il geometrico e il grafico. Non sono rivali per lo stesso posto: sono strumenti per due tipi diversi di immagine. E la domanda quando usare SVG si riduce, in fondo, a una domanda semplice: che tipo di immagine ho? Fatta di forme pulite e definite, o ricca di dettaglio infinito e irregolare? La risposta a questa domanda decide se SVG è la scelta giusta o quella sbagliata.

Vediamo prima il dominio in cui SVG è insuperabile, perché è ampio e prezioso. SVG è perfetto per tutto ciò che è fatto di forme pulite, poche e ben definite. I loghi: pochi elementi geometrici precisi, che devono scalare a ogni dimensione, perfetti per SVG. Le icone: piccoli disegni essenziali, che devono essere nitidi ovunque, ideali per SVG. I diagrammi e i grafici: fatti di linee, forme, aree ben definite, magari da animare o rendere interattivi, il regno di SVG. Le illustrazioni dal tratto pulito. Tutto ciò che è naturalmente descrivibile come poche forme precise, e che trae vantaggio dalla scalabilità o dalla vitalità, è il dominio in cui SVG brilla, ed è un dominio enorme e importante nel web di oggi.

Vediamo ora il dominio in cui SVG è la scelta sbagliata, perché è altrettanto importante saperlo. SVG è pessimo per le fotografie, e in generale per le immagini ricche di dettaglio infinito e irregolare. Pensa a una fotografia: milioni di sfumature, ombre, dettagli minutissimi, ogni pixel diverso, tutto irregolare. Come descrivi questo con delle forme? Non puoi: non ci sono poche forme pulite, c'è un caos meraviglioso di dettaglio irregolare. Provare a descrivere una foto come forme sarebbe assurdo: servirebbero milioni di forme, il file diventerebbe enorme e mostruoso, e comunque il risultato sarebbe peggiore di una semplice foto raster. Per il fotografico, descrivere le forme è la strada sbagliata; registrare i puntini, cioè il raster, è l'unica sensata.

Voglio darti la regola semplice per decidere, perché è pratica e la puoi tenere a mente. La regola è questa: se l'immagine è fatta di forme, descrivila, cioè usa SVG; se l'immagine è fatta di dettaglio infinito e irregolare, registrane i puntini, cioè usa il raster. Forme pulite e definite, poche e nette? SVG, per la sua scalabilità e vitalità. Dettaglio ricco, sfumato, irregolare, come una foto? Raster, perché è l'unico modo di catturarlo. È una regola semplice ma potentissima, che risolve quasi ogni dubbio: guarda la natura dell'immagine, e scegli lo strumento adatto a quella natura. Descrivi le forme, o registra i puntini, a seconda di cosa hai davanti.

Voglio farti apprezzare che questa non è una debolezza di SVG, ma la saggezza di usare lo strumento giusto, perché è un tema che ci accompagna. Quante volte, nel podcast, abbiamo detto che non esiste lo strumento migliore in assoluto, ma solo quello adatto a un certo compito? Con le immagini è lo stesso: SVG non è migliore o peggiore del raster in assoluto, è migliore per certe immagini e peggiore per altre. La saggezza non è amare SVG e disprezzare il raster, o viceversa: è saper riconoscere che tipo di immagine hai, e scegliere di conseguenza. Ogni cosa al suo posto: SVG per il geometrico, il raster per il fotografico. È di nuovo la vecchia, preziosa lezione dello strumento giusto per il compito giusto.

Voglio anticiparti, per chiudere, che il dominio di SVG, il geometrico e il grafico, è diventato enorme e cruciale nel web di oggi, perché prepara la prossima puntata. Un tempo, il web era fatto soprattutto di foto e testo, e SVG serviva poco. Ma il web di oggi è pieno di icone, loghi, diagrammi, grafici, interfacce fatte di forme pulite che devono scalare su mille schermi: esattamente il dominio di SVG. Così SVG, da strumento di nicchia, è diventato un pilastro essenziale del web moderno. Come questo sia successo, come il mondo sia cambiato rendendo SVG indispensabile, è la bella storia della prossima puntata. Per ora, tieni la regola: descrivi le forme, o registra i puntini, secondo la natura dell'immagine.

Per oggi ci fermiamo qui. SVG è magnifico, ma non per ogni immagine: la domanda pratica è quando usarlo. La risposta sta nella natura dell'immagine. SVG è insuperabile per il geometrico e il grafico, fatto di forme pulite e definite: loghi, icone, diagrammi, illustrazioni nette, che devono scalare o vivere. È la scelta sbagliata per il fotografico, ricco di dettaglio infinito e irregolare, dove serve il raster. La regola è semplice: se è fatta di forme, descrivila con SVG; se è fatta di dettaglio irregolare, registrane i puntini col raster. È la vecchia saggezza dello strumento giusto per il compito. Nella prossima puntata vediamo perché SVG è diventato essenziale. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.