The Red Compression Issue
Red is one of the colours I use most often in my graphic design for marketing. However, despite it being a good colour to use in marketing advertisements, it also suffers the most when compressed via social media platforms. Yes. They all suffer but red more than others. Why?
The red issue was such a problem for one client, that they ended up changing the colour of their logo so that it would do better on social media, their number one place for generating business. So I do think it's an issue that could do with some attention.
These examples below are maybe not the best example, but you can still clearly see that the red version of the same image looks more distorted than the blue variant.
I have tried different variations of red to try and find a solution and found some work better than others, but they still never look as good as non- red spectrum images.
Red vs Blue
These images are identical. The only difference is one is red and one is blue. They both don't look as good as each other. The red suffers more distortion than the blue version. This is the same when compared to other colours, not just blue. Red always loses.
Is there a reason for this and is there an official red spectrum sweet-spot that vastly reduces the compression artefacts to make it on par with other colours with the same compression?
Note: This question is not about compression as such. It's about why red suffers more than other colours and how to solve this.
Twitter Compressed Images
These are the images that have been compressed by Twitter in this case. It's similar for other social media platforms. All struggle with red colours.
Note: These aren't the exact images use by Twitter, they are a screenshots, but they look almost identical.
Please be friendly and helpful if you can :)