I had recently an issue with a black to dark gray gradient created in Photoshop CS4. This gradient was used for a website background, repeated along the y-axis, where it produced some annoying vertical blocks of solid color, example below:
![]()
In order to get rid of this “banding” issue I did:
- Recreated the gradient in 16 bit
- Selected Bicubic Smoother when saving for web
- Adjusted the gradient by moving the black and grey extremes closer to the center, so the gradient spans over a smaller area
The result was much better:
![]()
However still not perfect. If anyone has a better solution to this I would love to hear about it.
Tags: banding, gradient, gradient not smooth, photoshop cs4, photoshop gradient banding, photoshop smooth gradient, rough gradient