Guida utente Annulla

Dithering in web images

  1. Guida utente di Photoshop Elements
  2. Introduzione a Photoshop Elements
    1. Novità di Photoshop Elements
    2. Requisiti di sistema | Photoshop Elements
    3. Nozioni di base sull’area di lavoro
    4. Modalità Guidata
    5. Creazione di progetti fotografici
  3. Area e ambiente di lavoro
    1. Informazioni sulla schermata iniziale
    2. Nozioni di base sull’area di lavoro
    3. Preferenze
    4. Strumenti
    5. Pannelli e raccoglitori
    6. Aprire i file
    7. Righelli, griglie e guide
    8. Modalità Rapida ottimizzata
    9. Informazioni sui file
    10. Predefiniti e librerie
    11. Supporto multi-touch
    12. Aggiornamenti di applicazione, dischi di memoria virtuale e plug-in
    13. Annullare e ripristinare le azioni
    14. Visualizzare le immagini
  4. Correzione e miglioramento delle foto
    1. Ridimensionare le immagini
    2. Ritaglio
    3. Elaborare immagini da fotocamera in formato raw
    4. Sfocatura, sostituzione dei colori e clonazione di alcune aree dell’immagine
    5. Regolare ombre e luci
    6. Ritoccare e correggere le foto
    7. Rendere le foto più nitide
    8. Trasformazione
    9. Tono avanzato automatico
    10. Ricomposizione
    11. Utilizzo delle azioni per elaborare le foto
    12. Composizione Photomerge
    13. Creare un’immagine panoramica
    14. Spostamento delle sovrapposizioni
    15. Spostamento degli elementi
  5. Aggiunta di forme e testo
    1. Aggiungere il testo
    2. Modificare il testo
    3. Creare forme
    4. Modifica delle forme
    5. Panoramica sulla pittura
    6. Strumenti di pittura
    7. Impostare i pennelli
    8. Pattern
    9. Riempimenti e contorni
    10. Sfumature
    11. Lavorare con il testo asiatico
  6. Azioni rapide
  7. Modifiche guidate, effetti e filtri
    1. Modalità Guidata
    2. Filtri
    3. Modifiche Photomerge in modalità Guidata
    4. Modalità Guidata: modifiche di base
    5. Filtri di regolazione
    6. Effetti
    7. Modalità Guidata: modifiche divertenti
    8. Modalità Guidata: modifiche speciali
    9. Filtri artistici
    10. Modifiche del colore in modalità Guidata
    11. Modalità Guidata: modifiche per bianco e nero
    12. Filtri Sfocatura
    13. Filtri Tratti pennello
    14. Filtri Distorsione
    15. Altri filtri
    16. Filtri Disturbo
    17. Filtri Rendering
    18. Filtri Schizzo
    19. Filtri Stilizzazione
    20. Filtri Texture
    21. Filtri Effetto pixel
  8. Operazioni con i colori
    1. Nozioni di base sul colore
    2. Impostare la gestione del colore
    3. Nozioni di base sulla correzione di colori e toni
    4. Scegliere i colori
    5. Regolare il colore, la saturazione e la tonalità
    6. Correggere una dominante di colore
    7. Utilizzo dei metodi delle immagini e delle tavole colore
    8. Utilizzo del colore in Camera Raw
  9. Operazioni con le selezioni
    1. Effettuare le selezioni in Photoshop Elements
    2. Salvataggio delle selezioni
    3. Modifica delle selezioni
    4. Spostare e copiare le selezioni
    5. Modificare e migliorare le selezioni
    6. Attenuazione dei bordi della selezione con l’anti-alias e la sfumatura
  10. Operazioni con i livelli
    1. Creare livelli
    2. Modificare i livelli
    3. Copiare e disporre i livelli
    4. Livelli di regolazione e riempimento
    5. Maschere di ritaglio
    6. Maschere di livello
    7. Stili di livello
    8. Opacità e metodi di fusione
  11. Creazione di progetti fotografici
    1. Nozioni di base sui progetti
    2. Creazione di progetti fotografici
    3. Modifica dei progetti fotografici
    4. Creare reel di foto
  12. Salvataggio, stampa e condivisione delle foto
    1. Salvare le immagini
    2. Stampa delle foto
    3. Condividere le foto online
    4. Ottimizzazione delle immagini
    5. Ottimizzazione delle immagini per il formato JPEG
    6. Il dithering nelle immagini Web
    7. Modifiche guidate: pannello Condividi
    8. Anteprima delle immagini Web
    9. Utilizzare trasparenze e aloni
    10. Ottimizzazione delle immagini per il formato GIF o PNG-8
    11. Ottimizzazione delle immagini per il formato PNG-24
  13. Scelte rapide da tastiera
    1. Tasti per la selezione degli strumenti
    2. Tasti per selezionare e spostare gli oggetti
    3. Tasti per il pannello Livelli
    4. Tasti per mostrare o nascondere i pannelli (modalità Esperti)
    5. Tasti di colorazione e pennelli
    6. Tasti per l’uso del testo
    7. Tasti per il filtro Fluidifica
    8. Tasti per la trasformazione di selezioni
    9. Tasti per il pannello Campioni colore
    10. Tasti per l’uso della finestra di dialogo Camera Raw
    11. Tasti per l’uso della Galleria filtri
    12. Tasti per l’uso dei metodi di fusione
    13. Tasti per la visualizzazione delle immagini (modalità avanzata)

About dithering

Most web images are created by designers using 24‑bit color displays (which display over 16 million colors), although some users view web pages on computers with 8‑bit color displays (which display only 256 colors). As a result, web images often contain colors not available on some computers. Computers use a technique called dithering to simulate colors they can’t display. Dithering uses adjacent pixels of different colors to give the appearance of a third color. For example, a red color and a yellow color may dither in a mosaic pattern to produce the illusion of an orange color that the 8‑bit color panel doesn’t contain.

Dithering simulates continuous tones

Nota:

Use colors in the Web panel to ensure that colors won’t dither when displayed in Mac OS systems capable of displaying 256 colors. When creating an original image, you can use the Color Picker to choose web‑safe colors.

When optimizing images, keep in mind that two kinds of dithering can occur:

Application dither

Occurs in GIF and PNG‑8 images when Photoshop Elements attempts to simulate colors that aren’t in the current color table. You can control application dither by choosing a dithering pattern, or you can try to avoid application dither by adding more colors to the table.

Browser dither

Occurs when a web browser using an 8‑bit color display (256‑color mode) attempts to simulate colors that aren’t in the 8‑bit color panel. Browser dither can occur with GIF, PNG, or JPEG images. In Photoshop Elements, you can control the amount of browser dither by shifting selected colors in the image to web‑safe colors. You can also specify web‑safe colors when choosing a color in the Color Picker.

You can preview application dither in GIF and PNG‑8 images. Images with primarily solid colors may work well without dithering. Conversely, images with continuous-tone color (especially color gradients) may require dithering to prevent color banding.

Control dither in web images

  1. Open an image and choose File > Save For Web.
  2. Choose your optimization settings.
  3. Enter a value in the Dither text box, or click the Dither menu arrow and drag the slider that appears.
  4. The Dither percentage controls the amount of dithering that is applied to the image. A higher dithering percentage creates the appearance of more colors and more detail in an image but can also increase the file size. For optimal compression and display quality, use the lowest percentage of application dither that provides the color detail you require.

Preview dither

You can preview browser dither directly in Photoshop Elements or in a browser that uses an 8‑bit color display (256‑color mode).

  1. Open an image and choose File > Save For Web.
  2. Choose your optimization settings.
  3. To preview dither in Photoshop Elements, choose Browser Dither from the document panel menu in the Save For Web dialog box. (To view the menu, click the triangle in the upper-right corner of the optimized image.)
  4. To preview dither in a browser, follow these steps:
    • Set your computer’s color display to 8‑bit color (256 colors). See your operating system’s documentation for information on changing the color display.

    • Select a browser from the Preview In menu in the Save For Web dialog box.

Ottieni supporto in modo più facile e veloce

Nuovo utente?