Reproducing colors equally in all of your images online can be a challenge, as there are many factors which can alter their appearance. The overriding issue is that of computer screens; it is impossible to predict how each of your viewers will see your images, as every monitor (opens in new tab) has a different color bias.
• Best monitors for photo editing (opens in new tab)
Resolution, color, size, accuracy
• Best USB-C monitors (opens in new tab)
Simple plug-and-go usability
• Best ultra-wide monitors (opens in new tab)
Great for gaming and general use
• Best monitor calibrators (opens in new tab)
Hardware for screen calibration
Secondly, the internet does not display a full range of colors, so most native color spaces won’t display properly on photo-sharing platforms. Furthermore, every platform can vary in how it translates the digital information in your image files to an on-screen image.
With all of these obstacles it can be a frustrating experience when trying to make your online portfolio look its best, especially when you have spent time carefully shooting and editing your work. Here are some simple steps to put into action, to immediately minimize online photo-sharing stress and give your photos the display quality they deserve.
1. How to calibrate your monitor(opens in new tab)
Consistent color starts with a calibrated monitor. Buy a color calibration device from $50/£50 and use this to easily standardize your screen’s color reproduction, removing any subtle color shifts that may be unsightly on a viewer’s monitor.
• The best monitor calibrators (opens in new tab)
2. Use an sRGB color space
Convert all images bound for the web to sRGB. In Photoshop go Edit > Convert to Profile and choose sRGB IEC61966-2.1. This smaller color space will display more accurately in web browsers, making it easier to approximate online color whilst editing.(opens in new tab)
3. Use a camera color profile
The image you see on the back of your camera is actually a jpg preview of your RAW image. If shooting RAW, apply a camera color preset in Camera Raw or Lightroom, to help maintain color from shoot to showcase.
4. Edit in a neutral setting(opens in new tab)
An often overlooked mistake in the color correction workflow is to make adjustments in a room with lighting that lacks color balance. Editing in a room with lots of warm lighting can cause your eyes to over-correct the color in your image, leading you to introduce an opposite color cast. Similarly a room that is too dark or too light will cause mis-processing of exposure and color. A room with no direct sunlight and neutral grey walls is ideal.
5. Test images on each platform(opens in new tab)
An advisable step before posting images online is to test-view each photo-sharing site for color reproduction. Facebook, Flickr, Instagram and 500px can all introduce slightly different color shifts, that are not easy to predict and which can vary depending on image content. Highly colorful photos suffer the most, as color shifts are likely to be more noticeable. Simply change the privacy settings of these images so only you can see them and use them as a reference for future posts.
6. Test images on matte and glossy screens(opens in new tab)
Textured and glossy surfaces reflect light differently and therefore the glossiness of screens influences how our eyes perceive the color they display. Test-viewing images on both types of computer monitor can at least remove one variable from the challenge of non-standard monitor calibration.
7. Overcompensate with color in Photoshop(opens in new tab)
A skill to be mastered when running online image portfolios is the treatment of color in post-processing. Once you have followed the previous steps and are able to better predict what kind of color shifts you are likely to see when sharing photos on each social site, you must learn to compensate for these when editing. An often necessary technique is the over-editing of color and tone, to offset the lack of color and misrepresentation of hues online.
Photographers new to online sharing must adapt to a web-based editing mindset. Processing for online viewing greatly differs from editing for print. Remember your photos will always be seen back-lit on-screen and assess your color accordingly.
The best monitor calibrators in 2020 (opens in new tab)
The best photo-editing laptops (opens in new tab)
The best monitors for photo editing (opens in new tab)
The best photo editing tools and accessories (opens in new tab)
The best website builders for photographers (opens in new tab)