GrafX-Design.com
Home Tutorials Reviews Email Us
GrafX-Design.com
 tutorials | resources | inspiration 

General Graphics Tutorials -- Dithering

Dithering

Dithering is the process that a program uses when it cannot display the full range of colors in a particular image. For example, if a gradient is to be displayed on a system that does not have the hardware needed to display all of the shades that make up the gradient (see figure 1.1) then the software may dither the image (see figure 1.2).

figure 1.1
figure 1.1





figure 1.2
figure 1.2



Figure 1.2 shows what the image looks like when it is necessary to dither the available colors to arrive at a set of colors that aren't available. What happens is that some of the colors are mixed in such a way as to "fake" the missing colors. An alternative to dithering is to use only the colors to which the software has access. This can result in banding, though (see figure 1.3).

figure 1.3
figure 1.3



Neither of these alternatives is a nice solution to a common problem that plagues web designers.

There are other alternatives, though. You can use the JPG format on images with smooth transitions, such as gradients. You can use an optimal palette for GIF images and hope that people have the needed hardware to prevent your images from being dithered.

Pros and Cons: One of the pros of dithering an image, using a web palette yourself, is that you'll know how the image will appear to all of the people visiting your site. One of the cons is that dithered images will actually make for larger GIFs than non-dithered images. The reason for this lies in how GIFs are compressed.


Be sure to check out some of our other general graphics tutorials.


High Quality video-based tutorials

...with over 300 different titles, all taught by professionals. Learn any application in a fraction of the time right from your own desktop. This unique method offers accelerated learning and a high retention rate. Here are a couple of topics that you might find interesting. View free demos of the courses using one of the links listed below.
Photoshop CS2 Tutorials Photoshop Special FX
Photoshop for the Web Photoshop for Photographers
Photoshop CS Tutorials Photoshop Image Artistry
Photoshop Image Restoration Photoshop 7 Tutorials

CorelDRAW Graphics Suite X3 Tutorials CorelDRAW Graphics Suite 11 Tutorials
CorelDRAW 10 Tutorials CorelDRAW 9 Tutorials


Previous Web Graphics Tutorial General Web Graphics Tutorials Next Web Graphics Tutorial
[Previous Tutorial]  [Web Graphics Tutorials]  [Next Tutorial]




We'd like to hear from you... If there are any web graphics techniques you'd like to see covered, send us an e-mail.

 

Software Deals

Download and try out the free demos and then save 10%, 20% and more when you decide to buy!

GrafX-Design.com
has partnered with some of the best graphics software companies in the World to offer you terrific savings on your favorite programs.

AlienSkin


Photoshop Plugins
AlienSkin Software - They will never wear suits! We've been using AlienSkin's Photoshop Plug-ins for over a decade and they are still our favorites.

AutoFX


Photoshop Plugins

Xara 3D


Create amazing, high-quality 3D graphics easily!

Read our review of Xara 3D 6 or click the graphic below to download a free trial version.


GrafX-Design.com



Comments/Questions   ||   Copyright © 1996-2009 GrafX-Design.com -- All rights reserved   ||   Privacy