blog banner

October 3, 2022

Why does my image look desaturated when I upload it online?

Have you ever uploaded an image to Reddit or Discord, only to find that the preview was noticeably desaturated from the original?

It's not just you. In this article, I'll be exploring the technical reason for why this happens, and how you can avoid it.

What's going wrong? §

Ultimately, this issue arises when your image is improperly converted from one color space to another; in my case, Adobe RGB is usually the culprit. Most decent photo editing tools (like Photoshop) will include the appropriate ICC color profile in the saved image, so everything will appear normal at first. The mangling occurs when you upload that image to a site that's not equipped to deal with non-sRGB images, which proceeds to directly dump those Adobe RGB values into a new file, now devoid of color profile metadata, all while neglecting to perform a proper conversion between color spaces.

Here's an example of this process in action. Suppose I have this picture, which I've adjusted and imported into Photoshop as 16-bit Adobe RGB.

an example image (two markers being thrown up into the air), showing vibrant colors

I'm so excited about this shot that I immediately save the file as JPEG and send it to my friends over Discord, only to find that it now looks like... this.

the same image, now washed out and yucky

It still looks fine, but the color quality is markedly diminished compared to the original. This happens because the Adobe RGB gamut spans a wider range of colors than sRGB, so directly reinterpreting Adobe RGB values as sRGB will result in desaturation.

The steps you need to prevent this from happening strongly depend on what your workflow looks like, but for amateur photographers like me you generally have two options:

Further Reading §