Live data from Hacker News

Bringing Wide Color to Instagram

engineering.instagram.com

81–90 of 121 posts

Re: Bringing Wide Color to Instagram

#81

So... what is "wide color"? Are we talking https://en.wikipedia.org/wiki/Wide-gamut_RGB_color_space or something else that has no documentation anywhere on the internet? Not trolling, I care an incredible amount about color spaces, and had expected support for something like the UHDTV Rec.2020 color space with D65 (cool/blue white), not an obscure Adobe standard with D50 (warm/yellow white). It's wider than Rec.2020…

It was in the fourth paragraph:

> The color space that Apple chose for its devices going forward is Display P3.

https://en.wikipedia.org/wiki/DCI-P3

Re: Bringing Wide Color to Instagram

#82

Earlier quoted context omitted.

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.

link for the lazy: https://www.dropbox.com/s/tgarynpj65ouafd/insta-logo.png?dl=... By the way, anyone who can display it (all my nice monitors aren't with me at the moment) can you see it on this imgur link? http://i.imgur.com/qCna54M.png

That doesn't work - that gets you Dropbox's resized and recompressed version, which breaks the effect (likely it strips the ICC profile)

Re: Bringing Wide Color to Instagram

#83
post #67
post #2

Here if anyone has questions on the implementation or such.

"When we started this project, none of us at IG were deep experts in color." This is pretty astonishing to me. I always thought applying smartly designed color filters to pictures was basically Instagram's entire value proposition. In particular, I would have thought that designing filters to emulate the look and feel of various old films would have taken some fairly involved imaging knowledge. How did Instagram get…

Instagram's value prop was, and is, mobile.

Re: Bringing Wide Color to Instagram

#84

Earlier quoted context omitted.

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.

link for the lazy: https://www.dropbox.com/s/tgarynpj65ouafd/insta-logo.png?dl=... By the way, anyone who can display it (all my nice monitors aren't with me at the moment) can you see it on this imgur link? http://i.imgur.com/qCna54M.png

I can see logo in downloaded png at every screen I have, including old 2008 Acer. Never screens display it better, older screens need to be tilted.

Re: Bringing Wide Color to Instagram

#85

Earlier quoted context omitted.

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.

link for the lazy: https://www.dropbox.com/s/tgarynpj65ouafd/insta-logo.png?dl=... By the way, anyone who can display it (all my nice monitors aren't with me at the moment) can you see it on this imgur link? http://i.imgur.com/qCna54M.png

I can see the logo just fine on the imgur link, but I can't see the original in firefox or in GIMP.

I wonder if it has to do with imgur compressing the image, or maybe approximating/ignoring the colorspace as was mentioned above.

Re: Bringing Wide Color to Instagram

#86

Earlier quoted context omitted.

This is interesting. Shows up in Firefox here, but not in Windows built in Picture viewer. My display is certainly only sRGB so I guess Firefox is doing some kind of correction.

I've written lots of graphics and image processing code. You can see the logo because almost every computer system on the planet handles color spaces incorrectly. Apple's devices are actually better than most, though third party drivers such as those for printers can sabotage their color handling. The canary image will appear as red without a logo on a computer with an sRGB display if that computer correctly handles…

So... correct me if I'm wrong, but this DP3 color space they're using isn't increasing the bit-ness of the color, it's still 8 bit color, they're just using a different color space to get a wider range of color with less precision?

Seems sort of silly to me as most designers will be on sRGB displays and most people will be used to how images look in the sRGB space, but I guess it's one more way for Apple to sell more new Apple stuff by pretending these extremes in color are more important than precision in other parts of the spectrum.

I can definitely understand going to 10-bit color, this, not so much.

Re: Bringing Wide Color to Instagram

#87

Earlier quoted context omitted.

I've written lots of graphics and image processing code. You can see the logo because almost every computer system on the planet handles color spaces incorrectly. Apple's devices are actually better than most, though third party drivers such as those for printers can sabotage their color handling. The canary image will appear as red without a logo on a computer with an sRGB display if that computer correctly handles…

So... correct me if I'm wrong, but this DP3 color space they're using isn't increasing the bit-ness of the color, it's still 8 bit color, they're just using a different color space to get a wider range of color with less precision? Seems sort of silly to me as most designers will be on sRGB displays and most people will be used to how images look in the sRGB space, but I guess it's one more way for Apple to sell more…

They're not mutually exclusive. Right now basically every single display is 8bpp even if Apple went to 16bpp displays when using normal applications most people wouldn't see anything special because the source data is all still based on eight bits per pixel.

By improving the color gamut you can actually see a difference on the display. Areas where there were differences and color before but it was invisible because of the display now showing actual difference. It's slight, but it's there.

Seems like a good move to me. I imagine moving to 10 or 12 bit color will be the next step.

Re: Bringing Wide Color to Instagram

#88

Earlier quoted context omitted.

This is interesting. Shows up in Firefox here, but not in Windows built in Picture viewer. My display is certainly only sRGB so I guess Firefox is doing some kind of correction.

I've written lots of graphics and image processing code. You can see the logo because almost every computer system on the planet handles color spaces incorrectly. Apple's devices are actually better than most, though third party drivers such as those for printers can sabotage their color handling. The canary image will appear as red without a logo on a computer with an sRGB display if that computer correctly handles…

I think "incorrectly" is a strong assertion to make, when it's behaviour that most users are actually accustomed to and expect.

I guess you could think of it somewhat like the difference between clipping an image larger than the monitor's resolution or scaling it to fit. In the former case you preserve the accuracy of individual pixels within the area that fits, but discard the information outside; and in the latter, you lose accuracy of individual pixels but preserve being able to see (an approximation of) the whole image. Applying this to colour spaces, "clipping" DP3 to sRGB preserves the "absolute" colour information but discards the "relative" differences (hence not being able to see the logo), while scaling discards the absolute colour (I think this is what you mean by "reds as being more muted") but preserves the differences (being able to see the logo).

Since a user looking at a monitor derives most of his/her information from the contrast between pixel's colours, I'd say discarding that contrast is the real "incorrect" choice most of the time. DP3 images scaled onto an sRGB monitor certainly won't look as good as on a DP3 one, but at least the user will still be able to resolve the fine detail that relies on differences in pixel values. Besides, getting absolute color accuracy on a monitor has always been nearly impossible in a non-specialised context since it depends so much on things like external lighting.

Re: Bringing Wide Color to Instagram

#89
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...

They don't store full resolution images: Square Image: 1080px in width by 1080px in height

Vertical Image: 1080px in width by 1350px in height

Horizontal Image: 1080px in width by 566px in height

Post reply on HN