Quality of .gif output from Photoshop

I’m trying to output a .gif from Photoshop (CS6) and have run into some difficulty with the quality it is producing. Ideally, each image should resemble these stills – 1, 2 and 3 which are crisp and clear, but as a .gif file (especially on the second image), the depth and colours are removed, resulting in a splotchy image animation…

The image and the Save for Web settings seem to be fine, so I was wondering how would I be able to output the .gif keeping it the same as or as close to the stills as possible?

Thanks.

Answer

You’re experiencing dithering due to the color reduction of the GIF color table. Gif images can only contain a maximum of 256 colors. There’s really not a great deal you can do about it.

You are asking the gif format to support smooth color, which it doesn’t. The best you can do is experiment with the dithering options in the Save for Web window. However, you are never going to get a smooth color photograph when using the gif format.

There may be better options such as jquery, for what you are attempting to create. Javascript libraries such as jquery can create animation effects which can use independent png24 or jpg images. Both png24 and jpg support smooth color and are not restricted to a maximum of 256 color.

Attribution
Source : Link , Question Author : user1752759 , Answer Author : Scott

Leave a Comment