Bug 92567 – Images displayed with wrong colours

• Status: RESOLVED
• Resolution: FIXED
• Component: Images

[Matt Sephton]

Created attachment 155101 [details]
output of pnginfo command for the images concerned

Background:
I've been working on a website that requires some images of  solid colour with words cut or punched out. The letter forms are transparent, so what is behind will show through.
They are saved as PNG with an alpha channel.

Image Saving:
I have been very careful to create these images with no color profile or extra information in. So the images are good in that respect.

List of images:
1: contains the word "HOSIERY"
2: the first image above cropped and re-saved with extra chunks removed
3: the first image above cropped and re-saved with extra chunks (Adobe data) intact
4: contains the word "BODY"
5: contains the word "Form"

Expected results:
these images should all be "invisible" on the background colour of the page, as they are the same colour. 

Actual results:
Most of them are visible

Testing:
I am running 10.8.0 Mountain Lion (12A269)

Safari 6.0 (8536.25): image 1 is displayed as expected, images 2-5 are not displayed as expected and are visible
WebKit Nightly 6.0 (8536.25): image 1 is displayed as expected, images 2-5 are not displayed as expected and are visible
Chrome 20.0.1132.57: images 1-4 are displayed as expected, image 5 is not displayed as expected and is visible

Attached is the output of the pnginfo command for the files

Regression:
Pretty sure it wasn't like this on Safari 10.7 Lion, but sadly I cannot check as I no longer have a Lion installation.

[Matt Sephton]

Created attachment 155102 [details]
zip of files that make up the test web page, just in case

[Matt Sephton]

Sorry, correct test results for Chrome:

Chrome 20.0.1132.57: images 1,2,3,5 are displayed as expected, image 4 is not displayed as expected and is visible

and the same results for Firefox, coincidentally:

Firefox 14.0.1: images 1,2,3,5 are displayed as expected, image 4 is not displayed as expected and is visible

[Alexey Proskuryakov]

I cannot reproduce this. On both Lion and Mountain Lion, Safari results match Firefox - only image 4 is visible.

In fact, by changing system color profile I could make image 4 invisible too, but I couldn't make others visible to match your results.

[Simon Fraser (smfr)]

I see images 2, 3 and 5 on my display. Mountain Lion did change the way that untagged images are handled (<rdar://problem/11684649>).

[Matt Sephton]

It's odd that we're all seeing different results.

I've just revisited the images and #4 "BODY" is actually created using the wrong colour (#1400FF as opposed to #1414FF). Apologies for that, as it throws off the results somewhat.

I would like to mention that if you inspect the image data (or use an eye dropper on it) you will see the true colour values for all other images match the background colour #1414ff

[Matt Sephton]

You can also use Pixie (developer tools) to eye drop the image on safari and see that the colours have shifted.

[Matt Sephton]

As of today my results are still as follows.

Safari 6.0.2 (8536.26.17)
image 1 is displayed as expected
images 2-5 are not displayed as expected - they are visible

Chrome (23.0.1271.64) and Firefox (17.0)
images 1,2,3,5 are displayed as expected
image 4 is not displayed as expected - it is visible

[Matt Sephton]

This is no longer an issue.

ProductName:	Mac OS X
ProductVersion:	10.13.2
BuildVersion:	17C88

ProductName:	Safari
ProductVersion:	11.0.2
BuildVersion:	13604.4.7.1.3