GrafX-Design.com

 tutorials | resources | inspiration 

Earn money with your website
This web site is earning money... isn't yours? Read our article on Making Money on the Web with Google AdSense or click the image below to get started earning money with your web site.
Better Web Browsing!
If you need:
  • Better browsing...
  • Faster browsing...
  • More secure browsing!
You need to...

Web Hosting

Over time GrafX-Design.com has had to relocate itself a number of times due to growth, etc. Eventually we came across pair Networks. Pair Networks was recommended to us many years ago and now we'd like to recommend them to you. If you need reliable web hosting, then you need Pair!

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.
Free Breast Cancer Handbook
Breast Cancer Survival 101
 

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 graphics techniques you'd like to see covered, send us an e-mail.


I don't mind telling you that we have the very best Web hosting provided by pair Networks.
GrafX-Design.com



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