Lightroom: Banding with RGB profiles in exported images on the web

  • 1
  • Problem
  • Updated 2 years ago
  • (Edited)
Hi Community,

I am struggling with publishing images to the web. I get a lot of banding in images with smooth gradients e.g. skies when I include the RGB profile with an image. When I strip the profile from images, it renders OK in various browsers. I have this issue with all publishing services. e.g. Lightroom Mobile, Flickr (by Jeffrey Friedl), NextGen Gallery and Evlaa. And it happens in Opera, FireFox, IE and Chrome...

To see what I mean please take a look at this screenshot here
And here is the gallery where I stripped the RGB profile
And here the profile is embedded

What really confuses me is that it looks OK on some computers and not OK on mine. I admit, I have rather old hardware. SLI Geforce 650 Ti...

I was able to narrow it down to the browsers settings. In FireFox for example, you can enable or disable v4 ICC profile rendering. On my computer this is disabled by default. When I enable it, the images with the color profile embedded look OK.

But there's the gist... How do I make sure that people looking at my images get the best experience? I tried to find out if I can program the website to check for ICC profile version settings in the browser and at least pop a warning. But that does not seem to be possible.

So, how do you publish images? What settings and tool are you using? Or have you even encountered the same issue as me and found a solution?

Any hint, tip or help would be greatly appreciated!

Cheers - Alex
Photo of Alex Furer

Alex Furer

  • 152 Posts
  • 39 Reply Likes

Posted 2 years ago

  • 1
Photo of Alastair

Alastair

  • 11 Posts
  • 0 Reply Likes
I don't have an answer to your question, but if it's any help, those images have no banding and look identical in Firefox 51.0.1 (64-bit) on an Apple Mac running OSX El Capitan v.10.11.6.  Nice photos too!
Photo of Alex Furer

Alex Furer

  • 152 Posts
  • 39 Reply Likes
Thanks for checking it Alastair! But you see the banding on the screenshot, right? Sorry I reply so late. Somehow the notifications from this forum have stopped coming in...

Just realized I am running 32 bit FireFox and I am on Windows. But 64 bit did not make a difference for me.

Could you do me a favor and check your color management settings in FireFox:
- Type "about:config" in the address bar in FireFox (Don't worry about the warning, if you don't change anything, nothing will happen)
- Then search for "color_man" in the search bar
- Is the "gfx.color_management.enablev4" set to "true" or "false"

Because that is what makes the entire difference. If it's enabled the pictures look good. If not they have banding...

Thanks for the compliment! Appreciated!
Photo of Alastair

Alastair

  • 11 Posts
  • 0 Reply Likes
Hi Alex, I certainly can see the banding in your screenshot!

I've checked this in Firefox and gfx.color_management.enablev4 is set to false (see screenshot).

Good luck figuring this out!

Photo of Johan Elzenga

Johan Elzenga, Champion

  • 1532 Posts
  • 618 Reply Likes
You talk about "the RGB profile" but you do not say which color space you are using. Are you using sRGB? If not, that may be your problem. Always use sRGB for the web.
Photo of Alex Furer

Alex Furer

  • 152 Posts
  • 39 Reply Likes
@Alastair: Than you for you efforts. Yeah, this is a tricky one. I see you have color_management enabled for all graphics. I will change that too. Might be a good idea.

@Johan: Sorry for not being specific about this. Off course I am talking about sRGB profiles. I think i am talking about sRGB ICC profile v4 vs. v2.1. But then I loaded the sRGB IEC61966-2.1 profile in LR and saved images with this. But the results were horrible.


So mainly I am concerned to get the regular sRGB profile from Lightroom to work which seems to be rendering correctly when the "gfx.color_management.enablev4" is set to true in FireFox. (FireFox is the one I investigated the most. But the images do not render correctly in IE, Edge, Opera and Chrome as well as long as I save the profile with them...)

What's very confusing for me is that it seems to be rendering well on some machines and not on others, including mine. Even if the v4 rendering is not enabled like on Alastair's machine. That's news to me...

I am running Windows 10 Pro with 2 Geforce GTX 560 Ti cards on Dell monitors. They are not wide gamut monitors and they are a few years old. I am aware that I need to change this asap. I am looking at the Eizo ColorEdge CG277W . But man the small change needed for this baby...

But that's besides the point. Because as said, I enable the "gfx.color_management.enablev4" in FireFox and the images render correclty on my machine too. Or I save the images and strip the ICC profile from them as said in the very beginning.

Thanks guys for chiming in and munging on this with me. I am at a loss here. I tried everything I could think off. That's why I decided to start a thread here.
Photo of Johan Elzenga

Johan Elzenga, Champion

  • 1532 Posts
  • 618 Reply Likes
From what I know about V4 profiles is that you should not use them on the web. There are lots of problems and there virtually no benefits. Use sRGB IEC61966-2.1 instead.
Photo of Alex Furer

Alex Furer

  • 152 Posts
  • 39 Reply Likes
If they are enabled they render OK. Here's a test site to test if it's enabled in the browser.

I don't know if LR saves in v4 or not. When I evaluate the images with Jeffrey Friedls analyzer it reports "Embedded color profile: “sRGB”...

I tried using the sRGB IEC61966-2.1 and the exported images look terrible...

I shoot in AdobeRGB and edit in Adobe RGB all the way until I export as sRGB.
Photo of Johan Elzenga

Johan Elzenga, Champion

  • 1532 Posts
  • 618 Reply Likes
Not that it matters for your problem, but if you shoot in raw, the camera profile setting is irrelevant. Lightroom edits in 'MelissaRGB', a kind of (linear) ProPhotoRGB.