Display Setup

Some tools to optimize your display for the best viewing of images on this site.

1. Set a good screen width. Set your browser's width so you can see these strips. You will get the best results if you can see all of the longer bar, but most of the images on these pages are viewable even at 640x480 resolution.

Ideal Width
Minimum Width

2. Adjust your monitor's gamma.

BeforeAfter

My images are saved in the sRGB color space, and assume a monitor gamma of 2.2. If your video driver has the capability, you should adjust your monitor gamma such that the image on the left appears to have only four colors: red, green, blue and gray. If this is done properly, the two images will look almost identical. These pages are designed for 24-bit color. They will also look pretty good if you are using 16-bit color. If you are limited to 256 colors, things may look a little odd.

3. Adjust your monitor's brightness and contrast.

Grayscale

For most monitors, set your contrast at its maximum level and adjust the brightness so that you can just see the difference between each gray cell in the image.

4. Use the right browser.

I design my pages for Firefox 3 and Internet Explorer 6. I also test them using Opera and Safari. Firefox will produce the most accurate color. If you are running the AOL browser, you are probably already used to things looking very bad. None of the pages depend on special features of any browser, but some browsers do a better job than others at adhering to standards. There might be a few cosmetic enhancements that only work in one or the other, but you won't notice if they are missing. If you are using something else, your results may vary. Let me know if things don't seem to be displaying properly.


© Copyright 2008, Chris L Peterson. All rights reserved.