Dithering in webafbeeldingen

Laatst bijgewerkt op 12 jan. 2022

Dithering

De meeste webafbeeldingen worden gemaakt door ontwerpers die 24‑bits kleurendisplays gebruiken (die meer dan 16 miljoen kleuren weergeven), hoewel sommige gebruikers webpagina's bekijken op computers met 8‑bits kleurendisplays (die slechts 256 kleuren weergeven). Hierdoor bevatten webafbeeldingen vaak kleuren die niet beschikbaar zijn op sommige computers. Computers gebruiken een techniek genaamd dithering om kleuren te simuleren die ze niet kunnen weergeven. Dithering gebruikt aangrenzende pixels van verschillende kleuren om de schijn van een derde kleur te wekken. Een rode kleur en een gele kleur kunnen bijvoorbeeld ditheren in een mozaïekpatroon om de illusie van een oranje kleur te produceren die het 8‑bits kleurenpaneel niet bevat.

Continutonen die door dithering worden gesimuleerd

Notitie

Gebruik kleuren in het Web-paneel om ervoor te zorgen dat kleuren niet ditheren wanneer ze worden weergegeven in Mac OS-systemen die 256 kleuren kunnen weergeven.Als u een oorspronkelijke afbeelding maakt, selecteert u in de Kleurkiezer webveilige kleuren.

Houd bij het optimaliseren van afbeeldingen in gedachten dat twee soorten dithering kunnen optreden:

Toepassingsdithering

Treedt op in GIF en PNG‑8 afbeeldingen wanneer Photoshop Elements probeert kleuren te simuleren die niet in de huidige kleurentabel staan. Je kunt toepassingsdithering controleren door een ditherpatroon te kiezen of je kunt proberen toepassingsdithering te vermijden door meer kleuren toe te voegen aan de tabel.

Browserdithering

Treedt op wanneer een webbrowser die een 8‑bits kleurenbeeldscherm gebruikt (256‑kleuren modus) probeert kleuren te simuleren die niet in het 8‑bits kleurenpalet staan. Browserdithering kan optreden bij GIF-, PNG- en JPEG-afbeeldingen. In Photoshop Elements kun je de hoeveelheid browser dithering controleren door geselecteerde kleuren in de afbeelding te verschuiven naar webveilige kleuren. Je kunt ook webveilige kleuren specificeren bij het kiezen van een kleur in de kleurkiezer.

U kunt toepassingsdithering in GIF- en PNG-8-afbeeldingen vooraf weergeven. Afbeeldingen met voornamelijk effen kleuren werken mogelijk goed zonder dithering. Omgekeerd kunnen afbeeldingen met doorlopende kleurovergangen (vooral kleurverlopen) dithering vereisen om kleurenbanding te voorkomen.

Dithering in webafbeeldingen besturen

Open een afbeelding en kies Bestand > Opslaan voor web.
Kies de gewenste optimalisatie-instellingen.
Voer een waarde in het tekstvak Dithering in of klik op de pijl van het menu Dithering en sleep de schuifregelaar die verschijnt.
Het percentage Dithering bepaalt de hoeveelheid dithering die wordt toegepast op de afbeelding. Een hoger ditheringpercentage creëert de indruk van meer kleuren en meer detail in een afbeelding, maar kan ook de bestandsgrootte verhogen. Voor optimale compressie en weergavekwaliteit gebruik je het laagste percentage applicatiedithering dat het vereiste kleurdetail biedt.

Dithering voorvertonen

Je kunt browser dithering direct voorvertonen in Photoshop Elements of in een browser die een 8‑bits kleurendisplay gebruikt (256‑kleuren modus).

Open een afbeelding en kies Bestand > Opslaan voor web.
Kies de gewenste optimalisatie-instellingen.
Om dithering voor te vertonen in Photoshop Elements, kies je Browser Dithering uit het documentpaneelmenu in het dialoogvenster Opslaan voor web. (Om het menu te bekijken, klik je op de driehoek in de rechterbovenhoek van de geoptimaliseerde afbeelding.)
Zo geeft u dithering vooraf weer in een browser:
  • Stel het kleurendisplay van je computer in op 8‑bits kleur (256 kleuren). Zie de documentatie van je besturingssysteem voor informatie over het wijzigen van het kleurendisplay.

  • Selecteer een browser in het menu Voorvertoning in het dialoogvenster Opslaan voor web.