weballey logo
 
left Webdesign - dithering backnext right
hometoolssite mape-mail
ALGEMEEN

WERKWIJZE

BANDBREEDTE

LAYOUT

GRAPHICS

paletten
voorbeelden
webpalet
anti-aliasing
< dithering >
minimaliseren
achtergronden

  dithering     Veel beeldschermen kunnen maar een beperkt aantal kleuren geven. Vaak niet meer dan 256 of in een enkel geval zelfs maar 16 kleuren. Wil je een afbeelding met meer kleuren weergeven, dan zul je dus iets moeten verzinnen voor de tussenliggende tinten. Je kunt deze vervangen door de kleur die er het dichtste bij ligt, die je wel kunt laten zien. Of je maakt een raster van twee kleuren die je wel kunt weergeven. Met dat raster maak je door menging een tussenliggende kleur. Deze laatste techniek noem je "ditheren".
    Ditheren komt voor in twee smaken: "ordered" en "random". Bij "ordered dithering" maak je een regelmatig raster, in de vorm van een schaakbordpatroon. Dit werkt het beste bij grafische afbeeldingen met grotere kleurvlakken. Bij "random dithering" maak je een (schijnbaar) willekeurig patroon. Deze variant werkt beter bij foto's en afbeeldingen met verlopende kleurvlakken.
    Verlopende kleurvlakken worden lelijk wanneer je kleurvervanging toepast. Waar de ene kleur in de andere overgaat, krijg je een band, een "hoogtelijn". In grafische afbeeldingen is dit soms nog wel acceptabel, in foto's geeft het vaak een heel onnatuurlijk effect. Daar is het dus meestal onbruikbaar.
    Je moet heel erg oppassen, wanneer je deze techniek in combinatie met anti-aliasing toepast. Vooral bij grafische afbeeldingen krijg je vaak kartelrandjes op de overgang tussen twee kleurvlakken. In dat geval moet je óf niet anti-aliasen, óf niet ditheren. Doe je dat wel, dan zul je alle kartelrandjes moeten uitvergroten, en de ongewenste pixels bijkleuren. Wat erg veel werk op kan leveren.
    Ditheren is een vrij grove techniek. Gebruik deze dus alleen wanneer het echt nodig is. Gebruik bij grafische afbeeldingen liefst kleuren uit het palet van 256 wat een standaard beeldscherm wel kan weergeven. Is ditheren nodig, gebruik dan ordered dithering, en haal de kartelrandjes weg. Voor foto's kun je het beste random dithering toepassen.
    Je browser gaat meestal automatisch ditheren of kleuren vervangen, afhankelijk van de instelling. De truc is veelal voorkomen dat ditheren of kleurvervanging noodzakelijk is. Heel simpel door kleuren te gebruiken die altijd weergegeven kunnen worden. Hiervoor gebruik je het webpalet of netscape-palet van 216 kleuren.
goto top  
leftCopyright © Gerben Hoekstra - Alle rechten voorbehouden backnext right