We will start with some background information behind the color spaces.
Why are they important and why do we have different color spaces?
The all idea is that your eye can capture between 2 000 000 to 8 000 0000 colors.
Mathematical equations capture all of the colors that we could possibly see and that is called L A B (Lightness, Green-Red, Blue-Yellow) model.
From this model, we are able to detect smaller color profiles that are good for different devices. There are some common color spaces like Adobe RGB(1998), sRGB and ProPhoto RGB.
The different color profiles exist for different devices.
The smallest one is called sRGB and this is the color profile that apps, web browsers and many devices use to display the color.
But why would all these devices and web browsers use the smallest color profile? The reason is because there is a limitation within different devices. Your phone versus the tablet that was launched 10 years ago versus a computer screen display different amounts of colors.
So If you want them display colors consistently you have to choose a color profile that’s smaller and using less colors that all of those devices can properly display.
That’s why sRGB is kind of a standard when it comes to exporting your images out.
So, when you are putting your images on the web you should always use sRGB, because this is the color space that the web uses to read colors.
Color Spaces in Photoshop
When you are editing the image, you adjust the white balance, your colors, your lights and darks, you always want to start with the most amount of information possible.
When you are editing, you are compressing and manipulating the data of an image. The more data you have, the better results are going to be. So, if you plan doing really fine editing, the best is to start with the color space that is larger like ProPhoto RGB, especially when you are working with saturated colors from sRGB to Adobe RGB to Prophoto RGB. The biggest difference you are going to see is highly saturated colors. Less saturated colors are pretty much in all of these color spaces.
But when it’s time to export these images for web, it becomes complicated because web browsers do not read Prophoto RGB and they don’t read Adobe RGB (1998) either. They only read sRGB!
Even if you edit your photo in ProPhoto RGB or Adobe RGB, when it’s time to put your images on internet you should use sRGBto to make your colors display well across devices.
Camera color profile settings
On your camera, you can choose the different color profiles in which you’d like to capture your images.
But that’s ONLY important for JPEGs!!!
If you are taking RAW images you can choose your color profile after in Camera RAW, by going to Workflow Options as shown in image below.
Here is what I recommend using for your Photoshop preferences
Go to Photoshop Edit>Color Settings and then in opened window Settings put Europe General Purposes 3. Then change Gray from Dot Gain 15% to Gray Gamma 2.2 and then press OK.
How image will look like on internet
In Photoshop Go to View>Proof Setup and check Internet Standart RGB (sRGB).
After this you need to go to view>Proof Colors or press CmdY to see how the colors will look on internet.
How to convert color space in Photoshop and export for web ?
If you want to know in which color space you are working or convert your color space in photoshop, you need to go to Edit>Convert to Profile and from there you can change and convert the profile.
For images that you are going to use for web I highly recommend you go to Photoshop and then File>Export>Save For Web put from there JPEG, the size and quality that you need then save. Make sure that Convert to sRGB box is checked!
Now you are ready to make correct and colorful pictures for E-commerce, Internet Portfolio, and all the web!