Skip to main content
Aragiss
Aragiss
Participant
February 28, 2016
Answered

Colour banding problem (stripes) in gradients - Images linked!

  • February 28, 2016
  • 4 replies
  • 17593 views

I was trying to make a simple black-dark blue gradient background on Photoshop CC. Created a 7500 x 5000 pixel image with 16-bit colour. When I used the gradient tool, I noticed a severe amount of banding.

After a quick search, I've seen some people suggest turning off graphics card acceleration, so I did that but it didn't fix anything. Also tried to do the same in 8-bit. In 8-bit, there is no colour banding visible in Photoshop, but when I save it as a JPG, the JPG file has it too.

I have a Dell U2414H IPS monitor and AMD HD7850 gpu. The monitor has pretty good colour accuracy since it's factory calibrated. The OS is Windows 7 64 bit running at 32-bit colour mode.

Here is the link to the images. Can you also see banding? Especially asking this to people with high-end monitors. (View them in full size please)

    This topic has been closed for replies.
    Correct answer Aragiss
    PS not being good at handling gradient in JPEG compression

    You may be misunderstanding, it’s not Photoshop but the jpg compression that is the problem in this case.


    I found a way around it. I saved the file as PNG, then opened it on Faststone Image Viewer and saved it there as JPEG. I set the quality to highest and turned color sampling off. The result was pretty much the same quality as PNG, which is impressive. Saving it in Photoshop with max quality creates a 4.8 mb file whereas Faststone created a 11.5 mb file. Interesting result...

    4 replies

    D Fosse
    Community Expert
    D FosseCommunity Expert
    Community Expert
    February 29, 2016

    BTW - yes, I do see banding in those files that is not there when I recreate the gradient in Photoshop.

    Partly I'm sure that's the jpeg compression. But I have also made jpegs that are fine here, but suddenly show banding when viewed in a browser - like when I post them in the forum here. To be honest I have no idea what happens with that, and what the browser does to the original jpeg. The closest I get to a guess is different handling of the monitor profile (I use Firefox).

    In short - banding is tricky business and sometimes hard to avoid. Noise is the best option.

      Terri Stevens
      Terri Stevens
      Legend
      February 29, 2016

      Everyone else's suggestions are correct, so not much to add except if you happen to have the Topaz Denoise plugin it has a special algorithm for removing banding in Jpeg and raw files. There's a free trial so if this is a one off need it might be worth trying it out.

      Terri

        Farrellart
        Farrellart
        Known Participant
        February 28, 2016

        I have an Eizo cg301w (30bit) and I see banding in your images, but, they appear to be smaller than 7500x5000 px . What is the gradient used for? images via a browser won't look great.

        Print out the jpeg and see if the banding is still there. Also, monitors lose their calibration quite quickly, do you have a calibrator, I use the ColourMunki photo and it's great with my Eizo. I need to calibrate Eizo after around 4 weeks or so.

        EDIT: I have just downloaded the larger image and it's 72ppi, not sure if that is good enough for a smooth gradient. Have you tried it in Illustrator CC ( assuming you have sign up for the full creative cloud ) ?

        D Fosse
        Community Expert
        D FosseCommunity Expert
        Community Expert
        February 29, 2016

        Farrellart wrote:

        I use the ColourMunki photo

        You are using Eizo ColorNavigator software with the ColorMunki sensor, right? If not, you're really wasting a great monitor...?

          Farrellart
          Farrellart
          Known Participant
          February 29, 2016

          @ D Fosse.

          Yep! of course I am using the ColorNavigator software ....the 301w set me back £3,000 a few years back - best investment I have made for my digital art.......I am looking at the Eizo 4k's, so much desktop real estate, I might wait for the prices to come down though.

          c.pfaffenbichler
          Community Expert
          c.pfaffenbichlerCommunity Expert
          Community Expert
          February 28, 2016

          Did you use "Dither"?

          Adding Noise might also gel, but I recommend sticking with 16bit.

          jpg may actually introduce problems with gradients like these so a non-destructive or no compression may be called for.

          Aragiss
          AragissAuthor
          Participant
          February 28, 2016

          Dither was on. Tried it without dither, but it didn't help

          I'm afraid it has to be JPG for my purposes. I've seen several JPG's with smooth gradients, so that shouldn't be a big problem, right?

          c.pfaffenbichler
          Community Expert
          c.pfaffenbichlerCommunity Expert
          Community Expert
          February 28, 2016

          I've seen several JPG's with smooth gradients, so that shouldn't be a big problem, right?

          Wrong, the appearance of banding in gradients depends on the colors involved amongst others and in this case the luminance difference seems small.

          Try adding noise.

          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices