Color Banding

J
Posted By
Jim Nazaruk
Jun 18, 2005
Views
327
Replies
3
Status
Closed
I am working on a large image I want to put on a web page. The image has a rather large drop shadow area in it. When I put the image in the page and view it, it bands terribly. I have tried changing various settings over and over, but can’t seem to control the banding.

Would anyone mind giving me some hints as to how to control this banding? I’d appreciate it.

Jim

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

T
Tacit
Jun 18, 2005
In article <bgYse.7308$>,
"Jim Nazaruk" wrote:

I am working on a large image I want to put on a web page. The image has a rather large drop shadow area in it. When I put the image in the page and view it, it bands terribly. I have tried changing various settings over and over, but can’t seem to control the banding.

How are you saving the image–as a GIF or a JPEG?


Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
J
Jim Nazaruk
Jun 19, 2005
The image I am working on was given to me as a .psd file. I then make a copy of the image and flatten it. Then I am taking it into Image Ready and slicing it since it is a large image I am using as a background and I want it to appear to come up quicker than just the whole image would. I am saving it in Image Ready as "save optimized and html" which changes it to the .gif format. I have gotten rid of some of the banding, but it is still pretty obvious. In a reply in another PhotoShop newsgroup, someone suggested to "Put a gradient across the shadow then add noise", but I’m not sure I understand how that is done (putting the gradient across the shadow – not the noise). This problem has me banging my head against the wall… and the wall’s getting tired of it! (So is my head!!) ;o)

If I can give you all more information, just ask – I’m checking the newsgroups regularly to figure this out and will gladly tell you anything you need to know to figure this out.

Also, thanks for the response!

"Tacit" wrote in message
In article <bgYse.7308$>,
"Jim Nazaruk" wrote:

I am working on a large image I want to put on a web page. The image has a
rather large drop shadow area in it. When I put the image in the page and view it, it bands terribly. I have tried changing various settings over and
over, but can’t seem to control the banding.

How are you saving the image–as a GIF or a JPEG?


Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
T
Tacit
Jun 19, 2005
In article <7F4te.7823$>,
"Jim Nazaruk" wrote:

The image I am working on was given to me as a .psd file. I then make a copy of the image and flatten it. Then I am taking it into Image Ready and slicing it since it is a large image I am using as a background and I want it to appear to come up quicker than just the whole image would.

It is not necessary to flatten the image in order to take it into ImageReady. Just open the .psd in Photoshop, then click the ImageRewady button in the toolbar.

It is important that you understand the image WILL NOT come up quicker if it is sliced. The amount of time it takes for the image to come up depends on how big the image is and ONLY how big the image is. If you have an image that is 20K on disk, and you slice it into two sections that are 10K each, it will still take the same amount of time to come up!

I am saving
it in Image Ready as "save optimized and html" which changes it to the .gif format.

It changes the image to whatever format you tell it to. You use the "Optimize" palette to tell ImageReady how you want the image to be saved.

You can choose GIF or JPEG. GIF is a poor choice for photographic images or images with subtle shades of color. A GIF image can have only 256 colors in it total. Every shade of color counts as a different color. If you have, for example, a gradient that goes form dark gray to light gray, that counts as many, many different colors–every single different shade of gray is considered one color.

You are getting banding in your drop shadow because the GIF format does not have enough colors to show all the subtle shades in the drop shadow. If you choose JPEG instead of GIF, this banding will go away.

You can click on the "optimized" tab in ImageReady if you want to see how the image will look in a Web browser.

I have gotten rid of some of the banding, but it is still pretty obvious. In a reply in another PhotoShop newsgroup, someone suggested to "Put a gradient across the shadow then add noise", but I’m not sure I understand how that is done (putting the gradient across the shadow – not the noise). This problem has me banging my head against the wall… and the wall’s getting tired of it! (So is my head!!)

you are having the problem because you are choosing GIF, rather than JPEG.


Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections