Link
Home
Tutorials
Support
Services
Web Hosting
Web Promotion
Articles
Resources
Information Submission
Sitemap

 

Why do my images look different on the web? By Craig Goldwyn, visibility.tv
By Craig Goldwyn, visibility.tv (Craig Goldwyn is an internet consultant, web developer, writer, photographer, and barbecue expert. You may contact him at http://visibility.tv or
http://amazingribs.com)


Have you noticed that the wall of TVs at Best Buy all show color differently? Well we have the same problem on the web, and it can be a biiiiig problem if you have something color critical to sell, like clothing, artwork, paint, or ink.

Retailers report that one of the most frequent reasons for returns is because a product's actual color was different than what was expected. The need for color accuracy is especially important to photographers and artists. Color management is also necessary if you are producing books or magazines. Because color conveys emotions and messages, we work hard to get them right. Here's what you need to know.

First of all, no two TVs in Best Buy or computer monitors display color the same. Although broadcasters make sure the images they send out meet strict international color standards, they have no control over the way the image is displayed, and there is no way for viewers to calibrate their sets with the broadcaster's images. Fortunately the computer world has a solution to the problem, and it is called color management.

Not only are computer monitors different, digital cameras, scanners, and printers are different. They are different from each other, and they can even be different from themselves over time! A monitor's colors can shift as the phosphors in the screen age, images captured by a scanner can change with the aging of the bulb, and different papers, inks, and toners can change the look of the print. In fact, two monitors made by the same manufacturer can be slightly different.

To further complicate matters, each device has a different color gamut meaning its ability to capture or display a range of colors varies. For example, monitors usually cannot display all the colors captured by a digital camera. Things get really sticky when you consider that monitors display colors by mixing tiny dots (pixels) of red, green and blue (RGB) while printers create colors by mixing cyan, magenta, yellow, and black (CMYK).

Another important factor is the resolution of the display. Computer monitors typically use 72-96 dots per inch (dpi), newspaper pictures are about the same, glossy magazines typically run from 100 to 300 dpi, and art mags and books can go 300 dpi or higher.

So the way professionals TRY to manage the process is with color calibration tools and software. If you have products to show on a website where color is critical, you should make sure your photographer and webmaster use them.

They should be using a device called a "puck" that attaches to their monitors and tells them how to adjust their monitors to make sure the colors shown are correct. They should also be attaching an International Color Consortium (ICC) standard profile to each image. What is a color profile?

Several years ago Apple Computer developed a system called ColorSync that has helped set industry standards for describing the capabilities and individual tendencies of different devices such as monitors, printers, and scanners. These descriptions are called ICC profiles and they are also used on Windows computers. An ICC Profile might say something like this: "to correct the color on this particular Teriyaki 20 inch monitor, add 10% red, subtract 4% green, and darken the blue 1%." Ditto for scanner and printer profiles.

Then there's the Windows world. You guessed it, colors (and font sizes) are slightly different on Windows machines and instead of adopting the ColorSync standard, Microsoft has created its own system called Image Color Management (ICM).

Although all modern PCs have the ability to use ColorSync or ICM, most folks don't calibrate their monitors. The good news is that the computer makers are working with the web standards team to set up techniques for insuring proper color display.

Resources

http://www.color.com - Lots of good articles and products for managing color.

http://knowledge.adobe.com - For good stuff on managing color in Photoshop, go here and type color management into the form.

http://www.digitaldog.net/tips.html

http://www.apple.com/colorsync - Info about Apple's ColorSync system.

http://www.hutchcolor.com - A color consultant, his site has a lot of useful info as well as downloadable color targets.

http://www.johnpaulcaponigro.com/faqs/index.html - A great artist, teacher, writer, master of color, and master of Photoshop. On this page are links to tips and techniques, downloadable color targets, and to his amazing art and ideas.

http://www.profilecity.com - They will make profiles for your devices for you via email, and the site has lots of useful tips.

http://www.creativepro.com - Excellent articles by Fraser and Lawlor. Here's a good one: http://www.creativepro.com/story/feature/14331.html

http://www.wilhelm-research.com - Information about ink and media for and their archival properties.

[Back to Articles

© 2005 by Adroitsys.com