Desaturated Images Help
My Images Look Desaturated In Galleries!
Do your images look desaturated within your Headshot Tools gallery but fine when you view them on your computer or download them? Don’t worry! There’s a super simple fix!Desaturated images within a gallery are typically caused by exporting your images in the wrong color space. To display images on the web, you need to export images as sRGB.
How To Fix
Follow the below 3 steps to get your images fixed:Step 1 – Configure Your Color Profile
Simply take a watch through the Headshot Tools setup videos once more and make sure your tethering software's export color profile is set to sRGB like the setup videos show.
Step 2 – Re-Export Your Images
Now with the correct sRGB color profile selected, re-export your images. We recommend exporting your images with the exact same file name as the original bad export files. This will ensure that later when you upload your fixed sRGB images, the new files replace the old files.
Step 3 – Upload
Open your Auto Upload Utility for this job and point it to the folder where your new sRGB exported images exist. The Auto Upload Utility is smart and will upload any new or modified images for you. When the file names are the exact same as the incorrect files, they’ll simply replace the old versions with the new!
Why Does This Happen?
In the world of color spaces (or gamuts), there are many types. Two you’re most likely familiar with are Adobe RGB (1998) and sRGB (IEC61966-2.1).Adobe RGB (1998) is generally for printing and high-end editing workflows because it covers a wider range of colors and better aligns with printers.
sRGB is generally for web content and digital photo sharing. The sRGB range of colors is smaller than Adobe RGB (1998) but aligns better with monitors and display devices like phones and tablets.
Problems occur when an image saved with Adobe RGB (1998) is displayed in web browsers. Browsers typically expect all images saved in sRGB and in that case, the browser interprets Adobe RGB (1998) color values as if they were sRGB. This web browser color interpretation process makes colors look duller or desaturated.
You can think of it like you have a box of 64 crayons (Adobe RGB (1998)), but your friend only has a box of 24 crayons (sRGB). If you draw a picture using colors from your big 64 crayon box and give it to your friend to copy using their smaller 24 crayon box, some of your 64 colors just don’t exist in their 24 set. They’ll have to pick the closest colors they can, which will make the picture look a little less vibrant.
By saving the file as sRGB from the get-go, you’re allowing your powerful editing software to do the color mapping such that it’s saved in a way the web browser can display consistently. This keeps your images looking the same as you expect across screens the best it can!
Common Issues / Questions
My color profile is already set to sRGB!
If your export color profile is already set to sRGB, make sure that when you're uploading files with the Auto Upload Utility, you're picking the folder where your exported sRGB images exist.
This is typically the /<Your Session Folder>/Output/Headshot Tools/ folder.
It's likely that you incorrectly selected the Capture folder by accident. Selecting this incorrect folder bypasses exporting and can cause a series of other issues.
To fix this simply open the Auto Upload Utility and point it to the correct /<Your Session Folder>/Output/Headshot Tools/ folder and let your images upload.Can I somehow still use Adobe RGB (1998) and have my images look correct?
You can use any color profile you like by embedding that profile into your images on export, however, not all devices/browsers will honor your embedded color profile. For the best participant compatibility we recommend sRGB.