Handboek Annuleren

Dithering in web images

  1. Photoshop Elements Handboek
  2. Kennismaken met Photoshop Elements
    1. Nieuw in Photoshop Elements
    2. Systeemvereisten | Photoshop Elements
    3. Basisbeginselen van de werkruimte
    4. Modus Met instructies
    5. Fotoprojecten maken
  3. Werkruimte en omgeving
    1. Kennismaken met het beginscherm
    2. Basisbeginselen van de werkruimte
    3. Voorkeuren
    4. Tools
    5. Deelvensters en vakken
    6. Bestanden openen
    7. Linialen, rasters en hulplijnen
    8. De verbeterde modus Snel
    9. Uitleg over bestandsinformatie
    10. Voorinstellingen en bibliotheken
    11. Ondersteuning voor multi-aanraking
    12. Werkschijven, plug‑ins en updates van de applicatie
    13. Handelingen ongedaan maken, opnieuw uitvoeren en annuleren
    14. Afbeeldingen weergeven
  4. Foto's corrigeren en verbeteren
    1. Afbeeldingen vergroten/verkleinen
    2. Uitsnijden
    3. Camera Raw-afbeeldingsbestanden verwerken
    4. Vervaging toevoegen, kleuren vervangen en gedeelten van een afbeelding klonen
    5. Schaduwen en licht aanpassen
    6. Foto's retoucheren en corrigeren
    7. Foto's verscherpen
    8. Transformeren
    9. Automatische slimme tint
    10. Opnieuw samenstellen
    11. Handelingen gebruiken om foto's te verwerken
    12. Photomerge-compositie
    13. Een panorama maken
    14. Bewegende overlays
    15. Bewegende elementen
  5. Tekst en vormen toevoegen
    1. Tekst toevoegen
    2. Tekst bewerken
    3. Vormen maken
    4. Vormen bewerken
    5. Overzicht van de tekenfuncties
    6. Tekentools
    7. Penselen instellen
    8. Patronen
    9. Opvullingen en lijnen
    10. Verlopen
    11. Werken met Aziatische tekst
  6. Snelle handelingen
  7. Bewerkingen met instructies, effecten en filters
    1. Modus Met instructies
    2. Filters
    3. Modus Met instructies: Photomerge-bewerkingen
    4. Modus Met instructies - Basisbewerkingen
    5. Aanpassingsfilters
    6. Effecten
    7. Modus Met instructies: Grappige bewerkingen
    8. Modus Met instructies - Speciale bewerkingen
    9. Artistieke filters
    10. Modus Bewerken met instructies: Kleurbewerkingen
    11. Modus Met instructies: Zwart-wit-bewerkingen
    12. Vervagingsfilters
    13. Penseelstreekfilters
    14. Vervormingsfilters
    15. Overige filters
    16. Ruisfilters
    17. Renderingsfilters
    18. Schetsfilters
    19. Stileerfilters
    20. Structuurfilters
    21. Pixelfilters
  8. Werken met kleuren
    1. Kleur begrijpen
    2. Kleurbeheer instellen
    3. De grondbeginselen van kleur- en tooncorrectie
    4. Kleuren kiezen
    5. Kleur, verzadiging en kleurtoon aanpassen
    6. Kleurzweem corrigeren
    7. Afbeeldingsmodi en kleurentabellen gebruiken
    8. Kleuren en Camera Raw
  9. Werken met selecties
    1. Selecties maken in Photoshop Elements
    2. Selecties opslaan
    3. Selecties aanpassen
    4. Selecties verplaatsen en kopiëren
    5. Selecties bewerken en verfijnen
    6. Selectieranden vloeiend maken met anti-aliasing en doezelen
  10. Werken met lagen
    1. Lagen maken
    2. Lagen bewerken
    3. Lagen kopiëren en rangschikken
    4. Aanpassings- en opvullagen
    5. Uitknipmaskers
    6. Laagmaskers
    7. Laagstijlen
    8. Dekking en overvloeimodi
  11. Fotoprojecten maken
    1. Grondbeginselen van projecten
    2. Fotoprojecten maken
    3. Fotoprojecten bewerken
    4. Reel met foto's maken
  12. Foto's opslaan, afdrukken en delen
    1. Afbeeldingen opslaan
    2. Foto's afdrukken
    3. Foto's online delen
    4. Afbeeldingen optimaliseren
    5. Afbeeldingen optimaliseren voor de JPEG-indeling
    6. Dithering in webafbeeldingen
    7. Bewerken met instructies: Deelvenster Delen
    8. Webafbeeldingen vooraf bekijken
    9. Transparantie en matte gebruiken
    10. Afbeeldingen optimaliseren voor de GIF- of PNG-8-indeling
    11. Afbeeldingen optimaliseren voor de PNG-24-indeling
  13. Sneltoetsen
    1. Toetsen voor het selecteren van tools
    2. Toetsen voor het selecteren en verplaatsen van objecten
    3. Toetsen voor het deelvenster Lagen
    4. Toetsen voor het tonen of verbergen van deelvensters (modus Expert)
    5. Toetsen voor tekenen en penselen
    6. Toetsen voor het gebruik van tekst
    7. Toetsen voor het filter Uitvloeien
    8. Toetsen voor het transformeren van selecties
    9. Toetsen voor het deelvenster Kleurstalen
    10. Toetsen voor het dialoogvenster Camera Raw
    11. Toetsen voor de Filtergalerie
    12. Toetsen voor het gebruik van overvloeimodi
    13. Toetsen voor het weergeven van afbeeldingen (geavanceerde modus)

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

Opmerking:

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.

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?