Trascini un PNG "trasparente" su una diapositiva scura e ti ritrovi anche un rettangolo bianco. Il file nell'editor era a posto. Allora cosa è successo? La risposta vive in un quarto canale a cui si guarda raramente. Ogni pixel di un'immagine porta valori di rosso, verde e blu e, in alcuni formati, un quarto numero chiamato canale alpha che indica quanto di quel pixel debba essere visibile.
Questa guida spiega cosa memorizza quel numero, quali formati lo conservano (PNG e WebP), quali lo riducono a un interruttore (GIF), quali lo eliminano (JPG) e perché SVG segue regole diverse. Lungo il percorso leggiamo il canale alpha di sette ritagli reali pixel per pixel, così i numeri sotto provengono da file, non dalla teoria.
Un PNG, quattro sfondi. La sneaker è un input di test generato dall'AI e ritagliato con il rimuovi sfondo di Atlas Cloud; il file è stato inserito su ciascuno sfondo senza modifiche.
Punti chiave
- Un canale alpha è un quarto canale che memorizza l'opacità di ogni pixel, da 0 (completamente trasparente) a 255 (completamente pieno) in un'immagine a 8 bit.
- PNG e WebP mantengono un canale alpha completo. GIF può solo contrassegnare un colore della palette come trasparente. JPG non memorizza alcuna trasparenza.
- Il rimuovi sfondo AI gratuito di Atlas Cloud restituisce un PNG trasparente alla dimensione in pixel che hai caricato, elaborato all'interno del browser.
- In sette ritagli misurati, solo dallo 0,7% al 2,2% dei pixel erano parzialmente trasparenti. Quella banda sottile è il bordo antialias che mantiene capelli e contorni dall'aspetto naturale.
- Un PNG che mostra uno sfondo bianco o nero in un visualizzatore di solito non ha perso il suo canale alpha. Controllalo su uno sfondo scuro o a scacchiera prima di riesportare qualsiasi cosa.
Che cosa memorizza un canale alpha dentro ogni pixel
Chiedi che cos'è un canale alpha e di solito ricevi una metafora. Ecco invece il numero. La specifica PNG del W3C lo definisce in una frase: "Il campione alpha determina il grado di opacità di un pixel, dove zero significa completamente trasparente e il valore massimo significa completamente opaco." In un'immagine a 8 bit il massimo è 255, il che dà 256 livelli tra trasparente e pieno.
PNG consente anche alpha a 16 bit. La specifica permette profondità di bit di 8 o 16 per entrambi i suoi tipi di colore che trasportano alpha, scala di grigi con alpha e truecolour con alpha, e un canale alpha a 16 bit ha 65.536 livelli. Al di fuori delle pipeline di compositing, incontrerai 8 bit.
Quindi un pixel RGBA è quattro numeri. Tre descrivono il colore, uno descrive la copertura. Cambia solo il quarto e il colore resta invariato mentre il pixel svanisce. È tutto qui il trucco dietro bordi morbidi dei capelli, ombre portate e vetro che lascia trasparire lo sfondo.
La parola "trasparente" nasconde una distinzione importante. Alcuni formati memorizzano un valore alpha completo per pixel, quindi un pixel può essere visibile al 37%. Altri memorizzano un singolo flag sì-o-no: questo pixel viene disegnato, quello viene saltato. Entrambi vengono chiamati trasparenza, e solo il primo può sfumare un bordo. Tieni a mente questa distinzione, perché è il motivo per cui gli adesivi GIF appaiono frastagliati e i ritagli PNG no.
Un altro termine che incontrerai negli strumenti per video e giochi: alpha premoltiplicato. In un file straight (o non premoltiplicato), i valori di colore sono memorizzati a piena intensità e alpha li scala al momento della visualizzazione. In un file premoltiplicato, i valori di colore sono già stati moltiplicati per alpha, quindi un pixel rosso semi-visibile è memorizzato come rosso a metà intensità. PNG usa il tipo straight; la specifica afferma che i valori di colore "non sono premoltiplicati per il valore alpha".
L'idea ha una traccia documentale. Il memo del 1995 di Alvy Ray Smith sulla storia dell'alpha attribuisce a se stesso e a Ed Catmull il concetto negli anni '70 al New York Institute of Technology, e attribuisce all'articolo del 1984 di Porter e Duff il merito di aver tracciato la linea tra le due convenzioni. Per il lavoro quotidiano su web e stampa puoi ignorare la differenza; la gestisce il tuo editor.
Come salvare un PNG con sfondo trasparente
Molti problemi del tipo "la mia esportazione non è trasparente" si decidono prima che si apra la finestra di salvataggio. Tre regole li coprono. Il livello di sfondo deve essere nascosto o eliminato, così la tela mostra una scacchiera nell'editor. Il formato deve essere uno con canale alpha, il che in pratica significa PNG o WebP.
E l'opzione PNG dovrebbe essere del tipo a 8 bit per canale, spesso etichettata PNG-24 o 32 bit, non una versione a palette che alcuni esportatori riducono a trasparenza acceso/spento. La specifica PNG consente a un'immagine indicizzata di portare "la tabella alpha che associa un campione alpha a ogni voce della palette", ma non puoi contare sul fatto che ogni strumento la usi.
I percorsi di menu seguenti provengono dalla documentazione ufficiale di ciascun produttore.
| Software | Dove si trova l'esportazione PNG trasparente |
|---|---|
| Rimuovi sfondo di Atlas Cloud | Fai clic su Download; il canale alpha è già a posto, quindi non c'è alcuna impostazione di formato da sbagliare |
| Photoshop | File > Esporta > Esporta come, scegli PNG come formato e consenti la trasparenza nelle impostazioni del formato |
| GIMP 3.0 | File > Esporta come, assegna al file il nome .png; l'opzione "Salva i valori di colore dai pixel trasparenti" si applica solo alle immagini a livello singolo |
| Figma | Seleziona la cornice, aggiungi un'esportazione PNG nella barra laterale destra; se la cornice ha un riempimento, deseleziona Mostra nelle esportazioni nella sezione Riempimento |
| PowerPoint | Formato immagine > Rimuovi sfondo, poi fai clic con il pulsante destro del mouse sull'immagine, Salva come immagine e scegli PNG nell'elenco Salva come tipo |
Qualunque strumento tu usi, guarda il risultato su una scacchiera prima di scaricarlo. Il pannello dei risultati di Atlas mostra esattamente questo, così puoi vedere il canale alpha in azione prima che il file arrivi sul tuo disco.
Trasforma qualsiasi immagine in un PNG trasparente con un clic
Il modo più rapido per ottenere un file con un vero canale alpha è lasciare che sia un modello di segmentazione a costruirlo. Atlas Cloud esegue uno strumento di rimozione sfondo all'interno della scheda del browser, uno di un piccolo insieme di strumenti AI gratuiti sul sito che non richiedono account. Trascini una foto, fai clic su Run Free e scarichi il risultato.
Il modello viene eseguito localmente tramite WebGPU, con un fallback WASM sulle macchine che non lo supportano, e abbiamo completato un ritaglio con la rete disconnessa. Non ci sono filigrana né registrazione.
I soggetti non sono limitati ai ritratti. Nei test, una foto di gruppo, un cane a pelo lungo, una sneaker bianca, una firma manoscritta, un logo in line art e una camicia bianca fotografata contro un muro bianco sono tornati tutti come ritagli utilizzabili, il logo con il suo spazio negativo aperto. Se il ritaglio che ti serve è destinato a una grande stampa, abbinalo al confronto sull'upscaler di immagini gratuito che abbiamo eseguito, dato che il canale alpha scala con l'immagine.
Dentro un ritaglio reale: dove sono i pixel morbidi
Abbiamo aperto sette di quegli output in Python e contato ogni pixel in base al suo valore alpha. Il pattern era lo stesso in tutti e sette. Tra il 60,6% e il 98,4% dei pixel erano completamente trasparenti, a seconda di quanto il soggetto riempisse l'inquadratura.
I pixel parzialmente trasparenti, quelli con alpha tra 8 e 250, costituivano dallo 0,7% al 2,2% dell'immagine. È una banda larga da 1 a 3 pixel che corre attorno al contorno, ed è quella che fa tutto il lavoro di antialiasing.
Il velo trasparente ci ha insegnato qualcosa che la sola definizione non avrebbe fatto. Il canale alpha può memorizzare la traslucenza, eppure il velo è tornato con solo lo 0,73% di pixel parzialmente trasparenti, lo stesso contorno sottile della sneaker. Il tessuto stesso è stato scritto come pieno, con il verde dietro incorporato nel suo colore. Forma preservata, traslucenza persa. Il fatto che un file abbia un canale alpha non ti dice nulla sul se un modello abbia scelto di usare la parte centrale dell'intervallo.
Una piccola osservazione tecnica per i curiosi: in tutti e sette i file i pixel pieni del soggetto si attestano su alpha 254 anziché 255, una differenza che nessun display può mostrare. Nei PNG a dimensione piena che abbiamo ispezionato, ogni pixel completamente trasparente porta lo stesso valore di colore, nero pieno, quindi il file non memorizza alcuno sfondo nascosto che potrebbe riemergere come frangia.
Quali formati immagine supportano la trasparenza
Cinque formati coprono quasi ogni file che ti verrà mai consegnato. Memorizzano la trasparenza in quattro modi diversi, e la differenza decide se un bordo può sfumare, se il file può essere animato e quanto grande diventa.
| Formato | Come viene memorizzata la trasparenza | Livelli | Bordi morbidi | Animazione |
|---|---|---|---|---|
| PNG | Alpha a 8 o 16 bit per pixel, o un chunk tRNS per trasparenza indicizzata e a colore singolo | 256 o 65.536 | Sì | Sì (APNG, ora parte della specifica PNG) |
| WebP | Alpha a 8 bit per pixel, sia in modalità con perdita sia senza perdita | 256 | Sì | Sì |
| GIF | Un indice della palette contrassegnato come trasparente | 2 (acceso o spento) | No | Sì |
| SVG | Forme vettoriali senza sfondo; opacità impostata per elemento | Continuo | Sì | Sì |
| JPG | Nessuna | 1 | No | No |
JPG supporta la trasparenza?
No. La guida ai formati immagine di MDN lo dichiara chiaramente: "JPEG non supporta un canale alpha." Il formato memorizza tre canali di colore e nulla più, quindi quando salvi un'immagine a livelli come JPG l'editor deve prima appiattirla su un colore, di solito il bianco. Quel bianco diventa poi pixel ordinari, e viaggia con il soggetto ovunque vada il file.
È anche il motivo per cui un download di un "JPG trasparente" non è ciò che promette. O il file è in realtà un PNG con l'estensione sbagliata, oppure la scacchiera che vedi è dipinta nei pixel. Rinominare un .jpg in .png cambia l'etichetta sulla scatola, non il contenuto. Se ti serve la trasparenza, il JPG deve essere aperto, lo sfondo rimosso e il risultato salvato in un formato che può contenere un canale alpha.
GIF trasparente: un colore, bordi netti
La trasparenza di GIF deriva dalla revisione 89a del formato, e la sua età si vede. La specifica GIF89a aggiunge una Graphic Control Extension con un Transparency Index, descritto così: "Il Transparency Index è tale che, quando viene incontrato, il pixel corrispondente del dispositivo di visualizzazione non viene modificato e l'elaborazione passa al pixel successivo." Una voce della tabella dei colori viene dichiarata trasparente. Ogni altro pixel viene disegnato a piena intensità.
Questo rende la trasparenza GIF una faccenda a 1 bit. Un pixel viene saltato o dipinto, e con una palette di al massimo 256 colori non c'è spazio per un bordo semi-visibile. Metti un ritaglio GIF su uno sfondo diverso da quello su cui è stato creato e il contorno diventa a gradini come una scala, spesso con una frangia pallida dove i pixel antialias sono stati forzati a pieno.
Abbiamo convertito il ritaglio della sneaker in GIF con una soglia alpha di 128, il default usuale, e ingrandito tre volte la stessa regione del laccio. Il lato a 8 bit sfuma attraverso due o tre pixel. Il lato GIF è tutto angoli retti. Se ti serve un GIF trasparente per un cliente che non accetta altro, costruiscilo sul colore di sfondo su cui starà, così la frangia si abbina invece di brillare.
Trasparenza WebP in file con perdita e senza perdita
WebP è il formato che ha finalmente dato alla compressione con perdita un canale alpha. La documentazione sulla compressione di Google descrive "un'altra modalità WebP che consente codifica con perdita per i canali RGB e codifica senza perdita per il canale alpha", e il suo riferimento cwebp imposta la qualità alpha predefinita a 100, il che significa che il piano alpha viene memorizzato senza perdita a meno che tu non richieda diversamente.
La pagina di panoramica di Google colloca WebP senza perdita al 26% più piccolo di PNG, afferma che la trasparenza aggiunge circa il 22% in byte e stima WebP con perdita e trasparenza tipicamente 3 volte più piccolo di PNG.
I nostri numeri erano in quel vicinato. Abbiamo preso un ritaglio di 2048 x 1152 direttamente dal rimuovi sfondo, un PNG da 1.211 KB, e lo abbiamo risalvato con Pillow alle impostazioni predefinite.
WebP senza perdita è risultato di 660 KB, il 46% più piccolo, e ogni valore alpha corrispondeva esattamente al PNG. WebP con perdita a qualità 80 è risultato di 124 KB, e il suo piano alpha era ancora identico byte per byte all'originale. L'unica cosa cambiata erano i dati di colore. Per la distribuzione web dei ritagli, di solito è il file che vuoi. Per una copia master che prevedi di continuare a modificare, resta su PNG o WebP senza perdita.
Sfondo trasparente SVG: nessuno sfondo da rimuovere
SVG non ha uno sfondo da rendere trasparente, perché non ne ha mai avuto uno. Un file SVG è un elenco di istruzioni di disegno: disegna questo cerchio qui, riempilo con questo colore. Nulla in quell'elenco dipinge la tela a meno che tu non aggiunga un rettangolo che la copra. Quando un SVG sembra avere uno sfondo bianco, stai guardando la pagina o il visualizzatore dietro di esso.
La trasparenza all'interno di un SVG è impostata per elemento. Il riferimento di MDN descrive il valore fill none come "non dipinge alcun riempimento", così l'interno di una forma resta limpido. L'attributo fill-opacity fa sfumare solo il riempimento all'interno di una forma, mentre opacity fa sfumare l'intero elemento, tratto incluso.
Due cose fanno inciampare le persone. Una foto raster incorporata in un SVG tramite un elemento image mantiene qualunque canale alpha abbia la foto, quindi un JPG dentro un SVG porta ancora il suo riquadro bianco. E passare una foto attraverso un convertitore da raster a SVG non rimuove lo sfondo; traccia lo sfondo in forme insieme a tutto il resto.
Perché il mio PNG non è trasparente?
Esegui questi controlli in ordine. Un file che supera il primo non ha affatto bisogno di correzioni.
Il visualizzatore ha dipinto lo sfondo. I visualizzatori di immagini devono mettere qualcosa dietro i pixel trasparenti, e molti scelgono bianco o nero. Il file è invariato; lo è solo la visualizzazione. Apri lo stesso PNG in un'app di design, una scheda del browser con una pagina scura o una diapositiva con un riempimento scuro. Se il riquadro scompare, fermati qui.
Il file non ha un canale alpha. Un JPG rinominato .png, uno screenshot di un'immagine trasparente o un file passato attraverso un'app di messaggistica o un CMS che lo ha ricodificato appariranno tutti opachi perché lo sono. Controlla la modalità immagine. In Photoshop il pannello Canali dovrebbe elencare un canale Alpha; su Windows, Proprietà > Dettagli mostra una profondità di bit di 32 per un PNG RGBA anziché 24; in Python, Image.open("file.png").mode restituisce RGBA. Se alpha manca, torna all'originale a livelli ed esporta di nuovo.
Il bordo è netto o frangiato. Un contorno a gradini indica trasparenza a 1 bit, e una frangia pallida o colorata indica pixel di bordo che portano ancora il vecchio colore di sfondo. Il nostro test con il muro rosso ha mostrato come accade: con una camicia bianca contro un muro rosso saturo, il 69% dei pixel di bordo semi-trasparenti tendeva al rosso, e su un nuovo sfondo quella banda si legge come frangia. La correzione è una riesportazione con alpha a 8 bit e nessun colore di matte e, per i ritagli, uno sfondo neutro nella foto originale o una contrazione di 1 pixel della maschera.
La scacchiera è incorporata. Ridimensiona l'immagine. Se i quadrati grigi e bianchi crescono e si restringono con l'immagine, sono pixel. Le immagini di anteprima dai siti di stock spesso arrivano così. Scarica il file reale o ritaglia di nuovo lo sfondo.
Domande frequenti
Un canale alpha è la stessa cosa di una maschera di livello?
Sono cugini. La guida di Photoshop di Adobe descrive un canale alpha come una selezione memorizzata come maschera modificabile in scala di grigi nel pannello Canali, e una maschera di livello funziona allo stesso modo all'interno dell'editor. La differenza è ciò che sopravvive all'esportazione. Una maschera di livello è uno strumento di modifica che vive nel PSD. Il canale alpha scritto in un PNG o WebP è il risultato appiattito di ogni maschera, ed è la trasparenza che le altre app leggono davvero.
Quanti livelli di trasparenza ha un canale alpha a 8 bit?
256, da 0 (completamente trasparente) a 255 (completamente opaco). Un canale alpha a 16 bit, che anche PNG supporta, ne ha 65.536. GIF ne ha due: disegnato o saltato.
Posso aggiungere un canale alpha a un JPG?
Non finché resta un JPG, dato che il formato non ha un posto dove memorizzarlo. Apri il file, separa il soggetto dallo sfondo e salva il risultato come PNG o WebP. Lo strumento di ritaglio basato su browser su Atlas Cloud fa la conversione in un solo passaggio: JPG in ingresso, PNG trasparente in uscita, gratuito e senza login.
La trasparenza WebP funziona in tutti i browser?
Le versioni attuali dei principali browser visualizzano WebP con alpha, e la tabella di compatibilità di MDN per il formato è il posto dove confermare il supporto per qualsiasi versione più vecchia che devi ancora servire. Se un pubblico legacy è importante, servi PNG come fallback tramite un elemento picture.
Perché il mio PNG trasparente ha un alone bianco?
I pixel lungo il bordo sono parzialmente trasparenti, e il loro colore porta ancora lo sfondo da cui sono stati ritagliati. Su un originale bianco quella banda appare come un alone bianco una volta che metti il ritaglio su qualcosa di scuro. Riesporta con alpha a 8 bit e matte impostato su none, oppure contrai la selezione di un pixel prima di salvare.
Conclusione
La trasparenza è un numero. Ogni pixel in un PNG o WebP RGBA porta un valore alpha da 0 a 255, e una volta che questo scatta, gli altri formati si sistemano da soli: GIF ha un singolo flag acceso-spento, JPG non ha nulla e SVG non ha alcuno sfondo da rimuovere fin dall'inizio. I sette ritagli che abbiamo misurato collocano l'intero bordo antialias in una banda dallo 0,7% al 2,2% dell'immagine, che è esattamente la parte che un formato a 1 bit butta via.
Se sei arrivato qui chiedendo che cos'è un canale alpha perché un file si rifiutava di diventare trasparente, controlla prima il visualizzatore, poi la modalità del file, poi il bordo. E se ti serve un canale alpha pulito senza aprire un editor, un rimuovi sfondo basato su browser te ne consegnerà uno in un singolo PNG, alla dimensione in pixel con cui hai iniziato.
