Strange color transitions in dark regions of images

colorgpugraphics

Since updating to macOS 10.12 Sierra, there has been an increase in artifacts in regions of images where color transitions from dark to light.

Consider the following image:
Demo image

While processing the image in Adobe Photoshop 14.0.0, there was no evidence of artifacts in the darker color transitions. However, upon opening the image in Preview, this was the result:

Demo image with weird color transitions

Here is a closer inspection:

Demo image with weird color transitions close-up

Around the edges where the color transitions from dark to light, there is a strange pattern consistent with temporal dithering. I have confirmed that it does not only occur in this image, but in other images where there are transitions between dark and light colors.

Strangely, this only occurs in Preview, QuickLook, iMessage, Chrome and almost any other application, but not in Adobe Photoshop. The patterns/artifacts can be captured by a screenshot.

Does anyone know what causes this issue, if it is of concern, if it can be avoided/disabled or any other information about this issue? Help is much appreciated.

Best Answer

Upon further investigation on color profiles after Agos's comment pointed me in the right direction, it turned out that using the incorrect color profile was responsible for the dither-like regions.

For others who have a similar issue, navigate to System Preferences > Displays > Color and select the profile that the image was exported in.

I would assume that the dithering-like region was due to the colors in that region being out of the color space of sRGB, and as a result the computer attempts to compensate.