It's perfectly the same in chrome and safari, no difference to be seen to even find the seam of the two images. I've looked at in from multiple angles: all is ok.
I'm using a retina mac 15" mid 2012.
Screen never was recalibrated and is using the "Color LCD" display profile.
Same result using an external Apple thunderbolt monitor on the machine from test 1.
Screen als was never calibrated and is using the "Thunderbolt Display" profile.
All software on my machine is fully up to date.
a mac mini server I've hooked up to a home theater setup (onkyo receiver, pioneer plasma, all 1080p, HDMI)
Uhoh: the upper image looks as if it's gradient was removed and it looks like the orange all was converted to some websafe color (I did walk up to the tv, so you can see pixels: they all look the same flat orange.
The display profile being used is "HD 709-A"
It's an Onkyo TX-SR875 it's connected to, which is set to passthrough 1080p (so no upscaling, deinterlatcing or anything like that is done on this signal)
All software on my mac mini is fully up to date.
Same macmini as above, but approaching it not through the screen, but via screen sharing from the retina mac used in test 1 and test 2
Same home theater setup from test 3, but now connected to the hdmi port of the retina mac from test 1 and 2:
I did not capture the color profile the mac chose, it's too awkward to get to the HDMI cable without too much work to rewire it all.
So, what's different about safari and those images.
Well let's look at them: both images are in RGB, and neither says what color profile they are made for.
Hmm, safari is afaik the only browser to support ICC4 color profiles in images.
Maybe not having a color profile in them makes it "guess" and well guess wrong under some conditions.
Test for ICC4 color profiles: [color.org...]
FWIW: the test fails in chrome for ICC4 , succeeds for ICC2 on all combos I tried it on, and succeeds on ICC4 and ICC2 for all combos in safari.
What I'd do is make sure the images have a color profile in the jpeg.
I opened your images in photoshop (CS6), added the Adobe RGB (1998) colorspace as suggested by photoshop and saved it.
The images are quite a bit bigger as I didn't bother exporting them for the web etc - photoshop likes big images unless you tell it to make them small.
I then uploaded them here:
[I hope that link is ok - if not it's on www.<my screen name>.com/WebmasterWorld/safari-colour-profile-test.html ]
All my tests now yield the same result regardless of browser, screen or machine.
The color profile might make it a bit more bright orange - you might need to compensate for that.
Do not save jpeg images without a color profile in them.
On a mac you can see what color profile an image has when you inspect the image (command-I in finder).