Lavorare con gli Sfondi Trasparenti
Esporta e usa correttamente le immagini con sfondo trasparente nei diversi formati di file e sulle diverse piattaforme.
Learning Objectives
- 1Esportare un ritaglio come file PNG o WebP con un canale alfa intatto
- 2Capire quali formati di file supportano la trasparenza e quali no
- 3Risolvere i problemi comuni di trasparenza come gli aloni bianchi e i canali alfa appiattiti
Quando usare gli sfondi trasparenti
Dopo aver rimosso lo sfondo, spesso devi esportare il soggetto con la trasparenza preservata in modo che possa essere sovrapposto ad altri design o posizionato su qualsiasi superficie colorata. Il PNG è il formato più ampiamente supportato per la trasparenza e memorizza un canale alfa completo insieme ai dati di colore RGB. Anche WebP supporta la trasparenza alfa con dimensioni di file più ridotte, il che lo rende ideale per l'uso web. Il JPEG non supporta affatto la trasparenza e riempirà le aree trasparenti con un colore solido, in genere il bianco, quindi evita il JPEG quando hai bisogno di un'esportazione trasparente.
Esportare con i canali alfa
Quando esporti da Magic Eraser, scegli il formato PNG o WebP e verifica che l'interruttore della trasparenza sia abilitato. Visualizza un'anteprima dell'esportazione passando il canvas a un motivo a scacchiera, che rappresenta le aree trasparenti. Controlla che la scacchiera appaia ovunque lo sfondo sia stato rimosso e che non rimangano residui opachi. Se vedi un sottile contorno bianco o colorato attorno al soggetto, torna al passaggio di rifinitura dei bordi e applica la decontaminazione prima di esportare nuovamente.
Posizionare i soggetti su nuovi sfondi
Una frustrazione comune è aprire un PNG trasparente in un software che non rispetta il canale alfa, il che fa apparire lo sfondo bianco o nero. Questo è un problema di visualizzazione, non un problema del file. Verifica la trasparenza trascinando il file in uno strumento di design come Figma o Canva e posizionandolo su un rettangolo colorato. Se lo sfondo traspare, il tuo file è corretto. Per gli sviluppatori web, assicurati che il CSS dietro l'immagine non applichi un colore di sfondo che oscura l'effetto di trasparenza desiderato.
Key Takeaways
- ✓PNG e WebP supportano la trasparenza alfa; il JPEG no
- ✓Usa l'anteprima a scacchiera per confermare le aree trasparenti prima di esportare
- ✓Gli sfondi bianchi sui PNG trasparenti sono di solito un problema del visualizzatore, non un difetto del file