Come è costruita un’immagine digitale?

Una fotografia sullo schermo sembra continua, ma un’immagine raster contiene soprattutto una griglia di valori numerici che il browser o il software trasforma in colori visibili.

Capire questa struttura spiega perché un’immagine diventa sfocata quando viene ingrandita, perché PNG può mantenere la trasparenza, perché due immagini con le stesse dimensioni possono avere pesi diversi e perché rinominare .jpg in .png non equivale a convertire il file.

Immagine raster: una griglia di campioni

Un’immagine da 1.200 × 800 contiene 960.000 pixel; una da 4.000 × 3.000 ne contiene 12 milioni. Più pixel significano più campioni, non automaticamente più qualità: contano anche ottica, messa a fuoco, rumore, compressione e dimensione di visualizzazione.

Che cos’è un pixel?

Pixel deriva da picture element. Nel file non è un quadratino fisico, ma un campione in una posizione della griglia con uno o più valori associati.

Quando ingrandisci una foto all’800%, il software assegna semplicemente una grande area visiva a ogni campione. Un pixel non ha quindi una dimensione fisica universale.

Lo stesso file da 1.200 pixel può essere mostrato su 300 pixel CSS, 600 pixel CSS o stampato su dimensioni fisiche molto diverse.

Un pixel colore contiene più componenti

Nel Web il modello più comune è RGB:

• R: rosso;
• G: verde;
• B: blu.

Con 8 bit per canale ogni componente ha 256 valori da 0 a 255. Tre canali permettono:

256 × 256 × 256 = 16.777.216 combinazioni.

0,0,0 è nero; 255,255,255 è bianco; 255,0,0 è rosso.

I canali possono essere osservati separatamente

Una fotografia RGB può essere vista come tre immagini di intensità, una per rosso, verde e blu. Molti trattamenti — correzione colore, bilanciamento del bianco, filtri ed estrazione di palette — lavorano sui canali prima di ricomporre il risultato.

Una volta decodificato JPEG, PNG o WebP, il browser lavora sui pixel in una rappresentazione comune.

Profondità di colore

8 bit per canale significano 2⁸ = 256 livelli. 16 bit significano 2¹⁶ = 65.536 livelli. Una profondità maggiore conserva più valori intermedi e riduce il rischio di banding durante forti correzioni, ma aumenta i dati da elaborare.

Non confondere profondità, spazio colore e formato: descrivono proprietà differenti.

Il canale alpha aggiunge l’opacità

RGBA aggiunge un quarto canale, alpha. Con 8 bit:

• 0 = completamente trasparente;
• 255 = completamente opaco;
• valori intermedi = trasparenza parziale.

Trasparente non significa bianco. Un logo su sfondo trasparente lascia vedere ciò che c’è dietro; sostituire la trasparenza con bianco crea invece un rettangolo visibile su sfondi scuri.

JPEG classico non gestisce alpha; PNG, WebP e AVIF possono farlo.

Pixel trasparenti con colore nascosto

Un pixel può avere RGB rosso e alpha 0: è invisibile, ma il colore sottostante esiste ancora. Durante ridimensionamenti e interpolazioni, una gestione errata di questi colori può creare aloni attorno ai bordi.

Dimensioni, densità e risoluzione

Per il Web, la proprietà più concreta è spesso la dimensione in pixel: 800×600, 1920×1080 ecc. La densità dello schermo descrive invece quanti pixel fisici vengono usati in una certa superficie.

Un file 2000×1000 resta 2000×1000 anche se una metadato indica 72 o 300 DPI. Sul Web contano soprattutto dimensioni intrinseche, CSS e densità dello schermo.

Perché ingrandendo diventa sfocata?

Se una sorgente 400×300 viene mostrata a 1600×1200, il software deve creare valori intermedi tramite interpolazione. Può scegliere algoritmi diversi, ma non può recuperare con certezza dettagli che non esistevano nella sorgente.

Formato e pixel sono livelli diversi

JPEG, PNG, WebP e AVIF descrivono come dati e metadati sono organizzati e compressi. Dopo la decodifica, l’applicazione ottiene pixel e canali su cui lavorare.

Per questo cambiare estensione non converte il contenuto. Serve una vera decodifica e una nuova codifica.

Per approfondire consulta Risoluzione delle immagini, formati immagine Web e compressione immagine.