Ciao, e benvenuto nella seconda puntata della trentesima stagione. Nella scorsa puntata abbiamo detto che ci sono due modi di fare un'immagine: memorizzare i punti o descrivere le forme. Oggi approfondiamo queste due famiglie di immagini, perché conoscerle entrambe è fondamentale per capire cos'è SVG e in cosa si distingue. Hanno due nomi: le immagini a griglia di punti si chiamano raster, e quelle a forme descritte si chiamano vettoriali. SVG appartiene alla seconda famiglia. Oggi capiamo bene la differenza tra pixel e forme, tra raster e vettoriale.
Partiamo dalla prima famiglia, quella raster, la più comune, perché è quella che tutti conoscono. Un'immagine raster è fatta come un mosaico: una griglia di tantissimi minuscoli quadratini colorati, i pixel, uno accanto all'altro. Ogni pixel ha il suo colore, e tutti insieme, visti da lontano, formano l'immagine. È esattamente come funziona una foto digitale: milioni di puntini colorati che, combinati, ricreano la scena. Se ingrandisci moltissimo una foto, alla fine vedi proprio questi quadratini colorati, i pixel, che la compongono. L'immagine raster è, in fondo, questo: una grande griglia di puntini colorati, un mosaico di pixel.
Voglio farti apprezzare per cosa il raster è perfetto, perché ha un dominio in cui è insostituibile. Il raster è meraviglioso per catturare immagini ricche di dettagli irregolari e sfumati, come le fotografie. Pensa a una foto di un paesaggio: ci sono infinite sfumature di colore, ombre, dettagli minutissimi, ogni foglia diversa, ogni riflesso unico. Come descrivi tutto questo? Non puoi, con poche forme: è troppo ricco, troppo irregolare. Ma puoi registrarlo puntino per puntino, ed è esattamente ciò che fa il raster. Per le immagini piene di dettaglio infinito e irregolare, come le foto, registrare ogni singolo puntino è l'unico modo sensato, e il raster è il re di questo mondo.
Passiamo ora alla seconda famiglia, quella vettoriale, a cui appartiene SVG, e vediamo com'è fatta. Un'immagine vettoriale non è un mosaico di puntini: è un insieme di forme descritte matematicamente. Invece di dire ecco tutti i puntini colorati, dice ecco le forme: un cerchio con questo centro e questo raggio, di questo colore; una linea da qui a lì; un rettangolo di queste dimensioni. L'immagine è definita non dai suoi puntini, ma dalle forme che la compongono, espresse con precisione matematica. Quando va mostrata, il computer legge queste descrizioni di forme e le disegna. L'immagine vettoriale è, in fondo, un elenco di forme descritte, non una griglia di puntini.
Voglio darti l'immagine che chiarisce perfettamente la differenza tra le due famiglie, perché la rende intuitiva. Pensa alla differenza tra un mosaico e un insieme di istruzioni. Il raster è il mosaico: tante tessere colorate messe insieme, e se vuoi cambiare qualcosa devi lavorare tessera per tessera; il disegno è già lì, fatto di puntini. Il vettoriale è l'insieme di istruzioni: disegna un cerchio rosso grande così, qui; una linea blu là. Non c'è un mosaico, ci sono le istruzioni per disegnare, e il disegno vero nasce solo quando le istruzioni vengono eseguite. Mosaico di tessere contro istruzioni per disegnare: ecco la differenza tra raster e vettoriale.
Voglio farti capire per cosa, invece, è perfetto il vettoriale, perché ha il suo dominio opposto a quello del raster. Il vettoriale è meraviglioso per le immagini fatte di forme pulite e nette, poche e ben definite: un logo, un'icona, un diagramma, un disegno geometrico. Queste cose sono naturalmente descrivibili come poche forme precise, ed è proprio ciò in cui il vettoriale eccelle. Un logo fatto di un cerchio e qualche linea si descrive perfettamente con poche istruzioni matematiche, in modo compatto ed elegante. Per il mondo del geometrico e del grafico, delle forme pulite e definite, il vettoriale è il re, esattamente come il raster è il re delle foto. Due famiglie, due domini opposti.
Voglio anticiparti che questa distinzione tra i due domini sarà cruciale, perché tornerà a fine stagione con onestà. Raster e vettoriale non sono rivali che competono per lo stesso posto: sono due strumenti per due tipi diversi di immagine. Il raster per il fotografico, ricco di dettaglio irregolare; il vettoriale, e quindi SVG, per il geometrico, fatto di forme pulite. Usare SVG per una foto sarebbe assurdo, così come usare il raster per un logo che deve scalare sarebbe uno spreco. Capire questi due domini, e quando usare l'uno o l'altro, è una delle cose più importanti di tutta la stagione, e ci torneremo. Per ora, tieni chiara la distinzione: pixel contro forme, mosaico contro istruzioni.
Per oggi ci fermiamo qui. Ci sono due famiglie di immagini. Il raster è un mosaico di puntini colorati, i pixel: perfetto per le foto, ricche di dettaglio infinito e irregolare, dove registrare ogni puntino è l'unico modo sensato. Il vettoriale, a cui appartiene SVG, è un insieme di forme descritte matematicamente, come istruzioni per disegnare: perfetto per il geometrico e il grafico, loghi, icone, diagrammi, fatti di forme pulite e definite. Mosaico contro istruzioni, pixel contro forme, dettaglio irregolare contro forme nette: due famiglie, due domini opposti, entrambi preziosi nel loro campo. Nella prossima puntata vediamo il superpotere che nasce dall'essere vettoriale: scalabile all'infinito. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.