Il dithering nelle immagini Web

Ultimo aggiornamento il 27 apr 2021

Il dithering

La maggior parte delle immagini web viene creata da designer che utilizzano display a colori a 24 bit (che visualizzano oltre 16 milioni di colori), anche se alcuni utenti visualizzano le pagine web su computer con display a colori a 8 bit (che visualizzano solo 256 colori). Di conseguenza, le immagini web spesso contengono colori non disponibili su alcuni computer. I computer utilizzano una tecnica chiamata dithering per simulare i colori che non riescono a visualizzare. Il dithering utilizza px adiacenti di colori diversi per dare l'aspetto di un terzo colore. Ad esempio, un colore rosso e un colore giallo possono applicare il dithering in un pattern a mosaico per produrre l'illusione di un colore arancione che il pannello dei colori a 8 bit non contiene.

Simulazione dei toni continui mediante dithering

Nota

Usa i colori nel pannello Web per assicurarti che i colori non applichino il dithering quando visualizzati in sistemi Windows o Mac OS in grado di visualizzare 256 colori. Quando crei un'immagine originale, puoi utilizzare il selettore colore per scegliere colori web-safe.

Quando ottimizzi le immagini, tieni presente che possono verificarsi due tipi di dithering:

Dithering dell’applicazione

Si verifica nelle immagini GIF e PNG-8 quando Photoshop Elements tenta di simulare colori che non sono nella tabella dei colori corrente. Puoi controllare il dithering dell'applicazione scegliendo un pattern di dithering, oppure puoi cercare di evitare il dithering dell'applicazione aggiungendo più colori alla tabella.

Dithering del browser

Si verifica quando un browser web che utilizza un display a colori a 8 bit (modalità a 256 colori) tenta di simulare colori che non sono nel pannello dei colori a 8 bit. Il dithering del browser si può verificare con immagini GIF, PNG o JPEG. In Photoshop Elements, puoi controllare la quantità di dithering del browser spostando i colori selezionati nell'immagine verso colori web-safe. Puoi anche specificare colori web-safe quando scegli un colore nel selettore colore.

Potete effettuare l’anteprima del dithering dell’applicazione per le immagini GIF e PNG-8. Le immagini con principalmente colori omogenei possono funzionare bene senza dithering. Al contrario, le immagini con colore a tonalità continua (specialmente sfumature di colore) potrebbero richiedere il dithering per prevenire il banding del colore.

Controllare il dithering nelle immagini Web

Apri un'immagine e scegli File > Salva per Web.
Scegliete le impostazioni di ottimizzazione desiderate.
Inserisci un valore nella casella di testo Dithering, oppure fai clic sulla freccia del menu Dithering e trascina il cursore che appare.
La percentuale di Dithering controlla la quantità di dithering che viene applicata all'immagine. Una percentuale di dithering più alta crea l'aspetto di più colori e più dettagli in un'immagine ma può anche aumentare la dimensione del file. Per una compressione e qualità di visualizzazione ottimali, usa la percentuale più bassa di dithering dell'applicazione che fornisce il dettaglio del colore che richiedi.

Visualizzare in anteprima il dithering

Puoi visualizzare in anteprima il dithering del browser direttamente in Photoshop Elements o in un browser che utilizza un display a colori a 8 bit (modalità a 256 colori).

Apri un'immagine e scegli File > Salva per Web.
Scegliete le impostazioni di ottimizzazione desiderate.
Per visualizzare in anteprima il dithering in Photoshop Elements, scegli Dithering Browser dal menu del pannello documento nella finestra di dialogo Salva per Web. (Per visualizzare il menu, fai clic sul triangolo nell'angolo superiore destro dell'immagine ottimizzata.)
Per eseguire l’anteprima del dithering in un browser, attenetevi alle seguenti istruzioni:
  • Imposta il display a colori del tuo computer su colori a 8 bit (256 colori). Consulta la documentazione del tuo sistema operativo per informazioni su come cambiare il display dei colori.

  • Seleziona un browser dal menu Anteprima in nella finestra di dialogo Salva per web.