Live data from Hacker News

Bringing Wide Color to Instagram

engineering.instagram.com

21–30 of 121 posts

Re: Bringing Wide Color to Instagram

#21

Note that the red test image is only valid for iOS devices, since in Android you can see the Instagram logo even though it doesn't support wide color

On OS X you can adjust your color display profile settings to make it magically appear and disappear.

Re: Bringing Wide Color to Instagram

#22
post #13

Note that the red test image is only valid for iOS devices, since in Android you can see the Instagram logo even though it doesn't support wide color

Do you know why that is the case? Do Android devices project the Display P3 color space into the sRGB color space?

https://www.reddit.com/r/Android/comments/52ultq/does_you_an...

This comment explains it (at least for Webkit's test image, which is probably similar to Instagram's).

> No, it is a bad test. It is an image with an ICC tag that indicates it uses a color space larger than sRGB. The image data has the logo using color that should be outside the sRGB color space, but it still uses 8 or 16 bits to store that data. Android doesn't have color management. Android basically assumes all images are sRGB, so you see the logo. iOS does have color management. iOS sees the ICC profile and interprets the image data so that if you do not have a display that could show you the different reds in the image, it doesn't display them. So we have everyone in this thread on Android thinking they have a wide color display. Most of their displays aren't even 100% sRGB. My Nexus 4 shows the logo. It is very much not a wide-color display.

Re: Bringing Wide Color to Instagram

#23
post #12

Link for viewing 'canary image' in browser, without triggering download/dropbox: https://imgur.com/a/v82GI (Indeed, I can see a faint Instagram logo on my iPhone7, but not my older rMBP.)

Imgur seems to be changing the profile or somesuch because I can see the logo when I downloaded the image but not on the imgur image here.

Re: Bringing Wide Color to Instagram

#24
post #13

Earlier quoted context omitted.

Do you know why that is the case? Do Android devices project the Display P3 color space into the sRGB color space?

https://www.reddit.com/r/Android/comments/52ultq/does_you_an... This comment explains it (at least for Webkit's test image, which is probably similar to Instagram's). > No, it is a bad test. It is an image with an ICC tag that indicates it uses a color space larger than sRGB. The image data has the logo using color that should be outside the sRGB color space, but it still uses 8 or 16 bits to store that data. Android…

I used the same approach as the Webkit image, so the same applies here, too (it's also why we only serve Display P3 photos to iOS clients with wide color screens, most Android devices would treat them incorrectly)

Re: Bringing Wide Color to Instagram

#25
post #12

Link for viewing 'canary image' in browser, without triggering download/dropbox: https://imgur.com/a/v82GI (Indeed, I can see a faint Instagram logo on my iPhone7, but not my older rMBP.)

Imgur seems to be changing the profile or somesuch because I can see the logo when I downloaded the image but not on the imgur image here.

Same.

Here's the link from the article with the download flag removed:

https://www.dropbox.com/s/tgarynpj65ouafd/insta-logo.png

Re: Bringing Wide Color to Instagram

#26
post #24

Earlier quoted context omitted.

https://www.reddit.com/r/Android/comments/52ultq/does_you_an... This comment explains it (at least for Webkit's test image, which is probably similar to Instagram's). > No, it is a bad test. It is an image with an ICC tag that indicates it uses a color space larger than sRGB. The image data has the logo using color that should be outside the sRGB color space, but it still uses 8 or 16 bits to store that data. Android…

I used the same approach as the Webkit image, so the same applies here, too (it's also why we only serve Display P3 photos to iOS clients with wide color screens, most Android devices would treat them incorrectly)

Thanks for the confirmation!

Re: Bringing Wide Color to Instagram

#27
post #2

Here if anyone has questions on the implementation or such.

Bit of a jump in topic, but I'm kind of curious: I don't use instagram myself, bugt I'm sure it resizes images for online viewing, saving bandwidth ans such. Does it do so with correct gamma[0]? Since that's a thing many image-related applications get wrong.

[0] http://blog.johnnovak.net/2016/09/21/what-every-coder-should...

Re: Bringing Wide Color to Instagram

#28
If you have a Macbook and can't see the logo on the canary image, try changing the color profile for your display. On my mid-2014 rMBP, the default color profile was "Color LCD", but I could change it to "Display P3" and see the logo.

To make the change: System Preferences -> Displays -> Color

Re: Bringing Wide Color to Instagram

#29
post #9

Note that the red test image is only valid for iOS devices, since in Android you can see the Instagram logo even though it doesn't support wide color

Yes, was a bit confused when I opened the image on my ancient work computer (Windows, old Dell monitor) and could see the logo clearly. Interestingly, Chrome refused to display the image despite it nominally being a PNG, and I had to open it via an external program. Dragging the window to my second monitor (different model) causes the logo to vanish (though I do feel like I see it for a split second on the second mon…

Chrome should be able to display it fine. The dl=1 param on the Dropbox URL means the request is served with a response header indicating it's a download. Change the link to dl=0 and it won't force the download.
Post reply on HN