Photoshop export for web and devices comes out pixelated

When I export for web and devices in photoshop CS5 it comes out pixelated. What setting should I change?

I have a picture of开发者_StackOverflow社区 my export settings

I think you are confusing pixelation with posterization.

Pixelation only occurs when you try and display an image larger than its native resoluion, ie: enlarging it much larger than it was originally.

Posterization occurs when you reduce the number of colors to a pallet with a fixed number of colors that can't accomadate all the colors in your image.

Solution

In your case, you are cutting the color space down from 24 bit full color to index color 8 bit, you can't get enough colors in 256 colors in your palette to represent all the colors in the 24 bit original.

I don't know why you need a 256 index color palette, that such as 1997 requirement, but if you really need to cut your full color images down to 256 colors you need to enable dithering so that it can try and create intermediate colors by mixing the palette colors and tricking the eye to see more colors than are actually there.

There are different dithering algorthims in Photoshop, try them and see which one gives you the best results.

If you don't really have a requirement for only 256 colors, then set it to 24 bit full color.

In reality you have it set to selective and are only actually generating a 53 color palette, that all those images have to share colors from, that will never look good.

I had the same problem. After excessive experimenting, the solution turned out to be real simple. Do not make use of the option resize while you save to web. Use the actual size of the document in psd or move the layers to a smaller document. Note that i do use png24 for best quality.