Modificare l’opacità di un’immagine

Modificare l’opacità di un’immagine prende qualsiasi immagine e ne riscrive il canale alfa, così l’intera immagine diventa semitrasparente esattamente nella percentuale scelta; poi la restituisce come PNG, che resta trasparente ovunque venga inserita. Poiché l’opacità da sola non ha un aspetto specifico, puoi visualizzare l’anteprima su uno sfondo selezionabile tra scacchiera, bianco, nero e qualsiasi altro colore; una scala di miniature aggiornate in tempo reale mostra contemporaneamente diversi livelli di opacità applicati alla tua immagine. Tutto avviene in questa scheda del browser: il file non viene mai caricato.

Cosa distingue questo strumento per modificare l’opacità?

Come usare lo strumento per modificare l’opacità

1. Apri l’immagine: trascina un file JPG, PNG, WebP o GIF nell’area di caricamento, fai clic per sfogliare i file oppure premi Ctrl+V per incollarne uno. L’immagine viene decodificata nel browser e non viene mai caricata.
2. Imposta l’opacità: trascina il cursore dell’opacità, inserisci una percentuale precisa oppure fai clic su una miniatura della scala di opacità per vedere il livello sull’immagine reale.
3. Scegli lo sfondo dell’anteprima: passa dalla scacchiera a uno sfondo bianco, nero o di un colore a tua scelta, così puoi valutare l’opacità sullo sfondo su cui verrà davvero visualizzata l’immagine.
4. Aggiungi una sfumatura, se vuoi: scegli Lineare, Radiale o Bordi per applicare una sfumatura di trasparenza all’immagine, quindi imposta l’angolo, l’ampiezza e l’opacità minima.
5. Scarica il risultato: scegli PNG o WebP per mantenere il canale alfa e scaricare l’immagine alla risoluzione originale, oppure scegli JPG e il colore su cui appiattire la trasparenza.

Quale opacità scegliere?

Questi sono valori ricorrenti nell’uso pratico. Sono punti di partenza, non regole: prima di decidere, imposta lo sfondo dell’anteprima su un colore simile a quello finale.

Le tre forme di sfumatura

• Lineare varia l’opacità lungo una direzione impostata con l’angolo della sfumatura. A 90° l’immagine sfuma verso il basso: è il modo classico per fondere una foto con la pagina sottostante. L’ampiezza della sfumatura stabilisce quanto spazio occupa: con un valore stretto del 25% gran parte dell’immagine resta opaca, mentre al 100% la sfumatura attraversa tutta l’immagine da un bordo all’altro.
• Radiale mantiene opaco il centro e sfuma verso l’esterno seguendo un’ellisse, così il soggetto rimane nitido mentre ciò che lo circonda svanisce. È la forma ideale per una vignettatura morbida o un avatar circolare senza bordo netto.
• Bordi sfuma uniformemente da tutti e quattro i lati. Poiché la sfumatura dipende dalla distanza dal bordo più vicino, un’immagine larga e una alta ottengono lo stesso spessore visivo del bordo: utile quando una serie di immagini deve avere un aspetto coerente.

Tutte e tre le sfumature usano una curva smoothstep invece di una linea retta. Una variazione lineare dell’alfa sembra iniziare e finire bruscamente, perché l’occhio nota facilmente i cambiamenti improvvisi nella velocità della transizione; smoothstep rende graduali l’inizio e la fine, creando una dissolvenza naturale.

Usi più comuni

• Filigrane: porta un logo al 20%, esportalo come PNG e sovrapponilo alle foto in qualsiasi editor senza dover modificare di nuovo la trasparenza.
• Sfondi per presentazioni e documenti: una foto al 12% dietro a un blocco di testo aggiunge profondità senza abbassare il contrasto sotto la soglia di accessibilità.
• Progettazione web e app: crea risorse semitrasparenti per sovrapposizioni, stati disattivati e livelli al passaggio del mouse, pronte per CSS che non gestisce già l’opacità.
• Sovrapposizioni per video e streaming: OBS e strumenti simili compongono direttamente il canale alfa dei PNG, così una grafica al 35% compare nello streaming senza filtri aggiuntivi.
• Stampa e lavori creativi: crea sfondi fotografici sfumati per inviti, album e certificati, mantenendo la risoluzione originale senza ricampionare l’immagine.
• Confronti con immagini attenuate: sovrapponi un’esposizione all’altra per allineare una foto architettonica o di un prodotto.

Opacità, trasparenza e alfa: tre modi per descrivere la stessa cosa

Un pixel RGBA contiene quattro byte: rosso, verde, blu e alfa. L’alfa indica la copertura, non un colore: specifica quanto deve essere visibile ciò che si trova dietro al pixel. L’opacità esprime quel valore in percentuale e la trasparenza ne è il complemento; quindi un’opacità del 30%, un valore alfa di 77 e una trasparenza del 70% descrivono lo stesso pixel. Questo strumento agisce direttamente sul byte alfa e non modifica mai i valori rosso, verde o blu: perciò, se riduci e poi aumenti di nuovo l’opacità, i colori originali restano esatti.

È utile sapere che ImageData del canvas viene memorizzato senza premoltiplicare i valori: i canali del colore mantengono i valori completi e l’alfa viene memorizzato separatamente. Alcune pipeline di immagini premoltiplicano i valori, memorizzando il colore già ridotto in base all’alfa; è così che modifiche ripetute dell’opacità possono scurire gradualmente i bordi. Lavorare senza premoltiplicazione rende questa operazione reversibile con precisione.

Scegliere il formato di esportazione

Come ottenere un risultato migliore

• Prima, scegli uno sfondo simile a quello reale. Impostare il 25% sulla scacchiera e poi inserire l’immagine su una pagina scura è il motivo più comune per cui una filigrana risulta illeggibile.
• Prova la scala prima del cursore. Confrontare fianco a fianco sei livelli della stessa immagine permette di scegliere più rapidamente che spostare il cursore cercando di ricordare l’aspetto del valore precedente.
• Le sfumature oltre l’80% possono sembrare un errore. Mantenere un nucleo opaco di almeno il 20% dà all’occhio un punto di riferimento.
• Aumenta l’opacità minima per il testo. Una sfumatura che arriva a 0 può far sparire parte della didascalia; un valore minimo del 15–25% la mantiene tenue ma leggibile.
• Se hai dubbi, esporta in PNG. È senza perdita, supportato ovunque e, tra i tre formati, quello che riserva meno sorprese in seguito.

Privacy

La decodifica, la modifica del canale alfa e la ricodifica avvengono nel browser tramite l’API canvas di HTML5. Nessun dato dell’immagine viene inviato a miniwebtool o a terze parti, non viene salvato nulla e la pagina continua a funzionare anche senza connessione. È utile soprattutto per i file che spesso si desidera proteggere con una filigrana: foto di prodotti non ancora pubblicati, lavori per clienti e fotografie personali.

Domande frequenti

Come si modifica l’opacità di un’immagine?

Apri l’immagine, trascina il cursore dell’opacità fino alla percentuale desiderata e scaricala in formato PNG. Lo strumento riscrive il canale alfa di ogni pixel: un’opacità del 40% corrisponde a un valore alfa di 102 su 255, mentre i canali rosso, verde e blu restano invariati. L’immagine non viene mai applicata a uno sfondo bianco, quindi rimane davvero semitrasparente ovunque la inserisci.

Perché la mia immagine trasparente sembra di nuovo opaca?

Quasi sempre perché è stata salvata come JPG. Il formato JPG non supporta il canale alfa, quindi quando il file viene salvato ogni pixel trasparente deve essere appiattito su un colore. Scegli PNG o WebP per mantenere la trasparenza. Se un PNG sembra ancora opaco, controlla che il programma in cui lo hai aperto visualizzi la trasparenza invece di mostrarlo su uno sfondo bianco opaco.

Quale opacità dovrei usare per una filigrana?

Per una filigrana con logo sulle foto, di solito si usa un’opacità dal 15% al 30%: è visibile a chi la cerca, ma abbastanza discreta da non distrarre dall’immagine. Le filigrane di testo richiedono un valore un po’ più alto, circa dal 25% al 40%, perché i tratti sottili sfumano più rapidamente delle forme piene. Prima di decidere, imposta lo sfondo dell’anteprima su un colore simile a quello delle tue foto: la stessa filigrana risalta molto di più sul bianco che su un’immagine scura.

Ridurre l’opacità abbassa la qualità dell’immagine?

La modifica dell’opacità agisce solo sul canale alfa e lascia invariati i canali del colore, quindi l’operazione in sé non perde alcun dettaglio. La qualità può cambiare in base al formato esportato: PNG e WebP senza perdita vengono ricodificati senza perdita di qualità, mentre JPG ricomprime l’immagine ed elimina anche la trasparenza. Esporta in PNG se vuoi modificare di nuovo l’immagine in seguito.

La mia immagine viene caricata su un server?

No. Il tuo browser decodifica il file, applica il nuovo canale alfa e lo ricodifica con l’API canvas: i pixel non lasciano mai il tuo dispositivo e non viene salvata alcuna copia. La pagina continua a funzionare anche se ti disconnetti dopo averla caricata; puoi quindi usarla con opere non ancora pubblicate, loghi di clienti e foto personali.