Opacità immagine
Rendete parzialmente trasparente un’intera immagine impostandone l’opacità da 0 a 100 percento. Alle immagini senza trasparenza viene prima aggiunto un canale alfa; quelle che ne hanno già uno mantengono la propria forma mentre ogni valore alfa viene ridimensionato, così i bordi morbidi e le sagome ritagliate restano intatti. Ideale per filigrane, sovrapposizioni, sfondi sbiaditi, stati UI evanescenti e design a livelli.
Domande frequenti
Come funziona l’impostazione dell’opacità?
L’opacità è una percentuale che moltiplica il valore alfa di ogni pixel. A 100 l’immagine resta invariata, a 50 è semitrasparente e a 0 è completamente invisibile. Sono accettati i valori decimali.
Cosa succede a un JPEG senza trasparenza?
Prima viene aggiunto un canale alfa con ogni pixel completamente opaco, poi viene applicata l’opacità. Di conseguenza, un JPEG al 50 percento diventa un PNG in cui ogni pixel è semitrasparente. I colori restano invariati.
Cosa succede alle immagini che sono già trasparenti?
I valori alfa esistenti vengono ridimensionati, non sostituiti. Le aree completamente trasparenti restano tali e un pixel opaco all’80 percento diventa opaco al 40 percento con un’opacità impostata a 50. Le sagome ritagliate e le ombre morbide mantengono la propria forma.
Perché il risultato è un PNG?
JPEG non può memorizzare la trasparenza, quindi il risultato viene salvato come PNG con un canale alfa. Le immagini in scala di grigi mantengono le tonalità di grigio e acquisiscono il canale alfa. In seguito potete convertire il file in WebP o AVIF se vi serve un file trasparente più piccolo.
Quale opacità è adatta per una filigrana?
I loghi usati come filigrana in genere rendono al meglio tra il 20 e il 40 percento: sono abbastanza visibili da indicare la proprietà senza nascondere la foto. Usate un logo con sfondo trasparente, così sbiadisce soltanto il simbolo.
L’immagine apparirà sbiadita quando la apro?
Nei browser e negli strumenti di design appare semitrasparente sopra ciò che si trova dietro, spesso una scacchiera o una pagina bianca. Alcuni visualizzatori di immagini semplici mostrano i pixel trasparenti in nero, facendola apparire più scura del previsto.
Posso rendere un’immagine completamente trasparente?
Sì, impostando l’opacità a 0, tutti i valori alfa vengono portati a 0. I colori restano memorizzati nel file, ma diventano invisibili. Può essere utile per segnaposto che devono mantenere le proprie dimensioni.
Quali formati posso caricare?
Sono supportate immagini JPEG, PNG, GIF, WebP, TIFF e AVIF fino a 5 MB. I file animati usano il primo fotogramma e le immagini con un lato superiore a 4000 pixel vengono ridimensionate per rientrare nei limiti.
La modifica dell’opacità cambia i colori?
No, cambia soltanto il canale alfa e i valori di rosso, verde e blu restano esattamente invariati. Il cambiamento visivo dipende da ciò che traspare dietro l’immagine.
Quale motore viene utilizzato?
Lo strumento usa le operazioni ensureAlpha e linear della libreria sharp per aggiungere e ridimensionare il canale alfa. Il risultato è esatto e ripetibile.