Comprendere la trasparenza nelle immagini digitali

Cos'è la trasparenza?

Nelle immagini digitali, trasparenza significa che alcuni pixel possono essere parzialmente o completamente invisibili. Quando posizioni un'immagine trasparente su uno sfondo colorato (un sito Web, un disegno o un'altra immagine), le aree trasparenti mostrano ciò che c'è dietro anziché un colore a tinta unita.

La trasparenza è essenziale per loghi, ritagli di prodotti, sovrapposizioni e qualsiasi composizione in cui desideri che il soggetto si fonda con un nuovo contesto. La rimozione dello sfondo crea trasparenza rendendo invisibile lo sfondo originale.

Il canale alfa

RGB contro RGBA

La maggior parte delle immagini utilizza RGB: ogni pixel ha un valore Rosso, Verde e Blu che ne definisce il colore. Le immagini trasparenti aggiungono un quarto valore: Alpha. RGBA significa rosso, verde, blu e alfa. Il canale alfa determina quanto opaco o trasparente è ciascun pixel.

Valori alfa

L'alfa viene generalmente memorizzato come un numero compreso tra 0 e 255 (o tra 0% e 100%). 0 = completamente trasparente (invisibile). 255 = completamente opaco (solido). I valori intermedi creano semitrasparenza, utile per bordi sfumati, ombre ed effetti vetro.

Formati che supportano la trasparenza

PNG

PNG supporta l'alfa completo (8 bit o 16 bit). È il formato più comune per le immagini trasparenti. PNG è senza perdite, quindi i bordi della trasparenza rimangono nitidi. Questo è il formato di esportazione standard per la rimozione dello sfondo.

WEBP

WEBP supporta la trasparenza con compressione sia con perdita che senza perdita. Spesso produce file più piccoli di PNG con qualità simile. Supporto crescente tra browser e app.

GIF

La GIF supporta solo la trasparenza binaria: un pixel è completamente trasparente o completamente opaco. Nessuna semitrasparenza. Limitato a 256 colori, quindi non è l'ideale per le foto.

TIFF

TIFF supporta i canali alfa e viene utilizzato nei flussi di lavoro professionali. Meno comune per la distribuzione sul Web a causa delle grandi dimensioni dei file.

HEIC/HEIF

HEIC supporta la trasparenza ed è il formato predefinito su molti iPhone. QuickRemove accetta HEIC come input e può produrre risultati trasparenti in PNG o WEBP.

Formati che NON supportano la trasparenza

JPG/JPEG non supporta la trasparenza. Le aree trasparenti vengono in genere riempite con un colore a tinta unita (spesso bianco) durante la conversione da un formato che supporta l'alfa. Se hai bisogno di trasparenza, esporta come PNG o WEBP.

BMP ha un supporto alfa limitato in alcune varianti ma viene utilizzato raramente per immagini trasparenti. Attieniti a PNG o WEBP per una compatibilità universale.

Come funziona la trasparenza nel design e nel web

Rete

I browser eseguono il rendering di PNG e WEBP trasparenti su qualsiasi sfondo: bianco, colorato o sfumato. Lo schema a scacchiera che vedi in alcuni editor è solo un indicatore visivo; non appare nell'immagine finale.

Software di progettazione

Strumenti come Photoshop, Figma e Canva supportano i livelli con trasparenza. Le aree trasparenti lasciano trasparire gli strati inferiori. Esporta come PNG (o WEBP) per preservare la trasparenza durante lo spostamento delle risorse tra le app.

Stampa

La stampa non ha "trasparenza" allo stesso modo: non puoi stampare nulla. Per la stampa, le aree trasparenti vengono lasciate come "forate" (senza inchiostro) o riempite con un colore di sfondo designato. Discuti con il tuo fornitore di servizi di stampa.

Idee sbagliate comuni

"Sfondo bianco = trasparente"

No. Uno sfondo bianco è bianco opaco. La vera trasparenza significa assenza di colore: il pixel è invisibile. Alcuni principianti confondono uno sfondo bianco con la trasparenza; sono diversi.

"Tutti i formati immagine supportano la trasparenza"

No. JPG non supporta mai la trasparenza. Usa PNG o WEBP quando ne hai bisogno.

"La trasparenza aumenta molto la dimensione del file"

I file PNG con trasparenza possono essere più grandi di JPG, ma il canale alfa stesso non sempre raddoppia le dimensioni. La compressione aiuta. WEBP spesso ottiene file trasparenti più piccoli rispetto a PNG.

QuickRemove e trasparenza

QuickRemove è un'app desktop Windows che crea immagini trasparenti rimuovendo gli sfondi. Produce PNG (e può funzionare con WEBP) per preservare l'intero alfa. I ritagli possono essere posizionati su qualsiasi sfondo negli strumenti di progettazione, nei siti Web o nei flussi di lavoro di stampa. Tutta l'elaborazione avviene localmente: le immagini non lasciano mai il tuo PC.