Luminous Landscape Forum

Raw & Post Processing, Printing => Digital Image Processing => Topic started by: feppe on July 24, 2010, 03:20:18 pm

Title: JPEG artifacting in dark areas on some browsers
Post by: feppe on July 24, 2010, 03:20:18 pm
I've been updating my site with the excellent LR3 publish feature, and noticed very ugly JPEG artifacting in deep blacks (less than 1% RGB values) on some browsers. The artifacts are not visible in LR3 or Windows built-in viewer.

First I thought it's export quality settings: I recently lowered my exports to 75 quality. Jacking it up all the way to 100 helps a bit, but doesn't eliminate the artifacts.

I tested with four browsers: FF and Safari (PC) had the worst artifacting, while Opera and IE had almost none. This suggests the blame is on the browsers (FF and Safari).

Below three samples. The Hong Kong skyline shows the worst artifacts in the upper left corner, Castellammare del Golfo on the left quarter, and the ice carver on his shirt. Can someone verify they see the artifacts - perhaps my monitor or calibration is out of whack. Of course you will have to view them with Safari or FF to see what I'm talking about.

Is there anything I can do?

Found the culprit! (http://www.luminous-landscape.com/forum/index.php?topic=45058.msg378138#msg378138)
Title: JPEG artifacting in dark areas on some browsers
Post by: madmanchan on July 24, 2010, 04:16:44 pm
Hi, FWIW I don't see any artifacts on my display here (using Firefox 3.6.8 on Mac OS 10.5.8). Display is NEC MultiSync LCD 2690WUXi.
Title: JPEG artifacting in dark areas on some browsers
Post by: Slobodan Blagojevic on July 24, 2010, 06:07:14 pm
Can not see any artifacts either (Safari on iMac 24")... but than again, at such a small size (800 px) it may not be even possible to see it.
Title: JPEG artifacting in dark areas on some browsers
Post by: Ken Bennett on July 24, 2010, 06:38:29 pm
Looking at your photos on a new 17-inch MBP using Safari, they look fine. No artifacts, no color problems, nothing wrong at all.

Are you viewing them with a wide gamut monitor?
Title: JPEG artifacting in dark areas on some browsers
Post by: feppe on July 24, 2010, 07:05:37 pm
The artifacts are clearly visible at this size.

Not a wide gamut monitor.

Anyone on Windows?

edit: checked on my work Windows laptop, and there are no visible artifacts in IE or FF. So the good news is there's probably nothing to worry about.

Likely something to do with monitor calibration - I re-calibrated and they're still there. I wonder why the artifacts are visible only on some browsers.
Title: JPEG artifacting in dark areas on some browsers
Post by: Gary Brown on July 24, 2010, 07:31:56 pm
I didn't notice any artifacts, either, but FWIW, in Jeffrey Friedl's An Analysis of Lightroom JPEG Export Quality Settings (http://regex.info/blog/lightroom-goodies/jpeg-quality), he makes a comment that “Firefox does not handle display of JPEGs very well, sometimes introducing horrible posterization that does not actually exist in the image.”

See also a few of the comments beneath that post (search for “Firefox”), but there's no real conclusion about it.
Title: JPEG artifacting in dark areas on some browsers
Post by: Alan Goldhammer on July 24, 2010, 07:48:14 pm
I'm on Windows 7 with Fire Fox (NEC P221) and they all look fine to me, though as a previous poster noted it may not be possible to see flaws at this resolution.

alan
Title: JPEG artifacting in dark areas on some browsers
Post by: feppe on July 24, 2010, 08:01:12 pm
Quote from: Gary Brown
I didn't notice any artifacts, either, but FWIW, in Jeffrey Friedl's An Analysis of Lightroom JPEG Export Quality Settings (http://regex.info/blog/lightroom-goodies/jpeg-quality), he makes a comment that “Firefox does not handle display of JPEGs very well, sometimes introducing horrible posterization that does not actually exist in the image.”

See also a few of the comments beneath that post (search for “Firefox”), but there's no real conclusion about it.

That's actually the article which prompted me to change to lower export settings  Didn't notice the blurb about the posterization, there are several comments about the issue, and further googling confirms I'm not the only one (http://photography-on-the.net/forum/showthread.php?p=10544251) who ran into this. Whew...

I played around again with Gary Ballard's exhaustive browser color management page (http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html), which confirms FF and Safari are color managed. Opera is not color managed, same with IE. Perhaps FF's and Safari's schizophrenic approach to color management is the reason for the artifacts?

and another edit: found the culprit!

Gary Ballard's page linked above put me on the right track: newest FF has color management on by default. The entry gfx.color_management.mode in about:config is at 2 (enable color management for tagged graphics only (http://kb.mozillazine.org/Gfx.color_management.enabled)) by default. Setting it at 1 (enable color management for rendered graphics) still has artifacts, but at 0 (disable color management) they are gone!

Given that FF and Safari are  color managed and show artifacts, while Safari and Opera are not color managed and artifacts are absent, the blame is on color management, or its implementation at some point in the input-output chain. Perhaps this is just a result of a (yet another) half-assed implementation of color management in the browsers.

Does LR3 embed the ICC profile in JPEGs on export?

Quote from: Alan Goldhammer
I'm on Windows 7 with Fire Fox (NEC P221) and they all look fine to me, though as a previous poster noted it may not be possible to see flaws at this resolution.

As I pointed out they are clearly visible at the res posted.
Title: JPEG artifacting in dark areas on some browsers
Post by: madmanchan on July 24, 2010, 09:37:17 pm
Hi, yes, LR does embed the ICC color profile into the JPEG on export.