How to Adjust Photo Colors for Web and Ecommerce
Fix exposure, contrast, and color cast in the browser before compressing—using sliders, selective color, and export-friendly workflows.
In short
Correct exposure before saturation, export copies from masters, and validate on uncalibrated phones.
For web-ready photos, fix exposure and white balance first, apply moderate saturation and contrast, use selective adjustments only where needed, then export and compress as a separate step rather than baking extreme grades into your only master file.
Exposure before creative grade
Lift shadows and recover highlights before pushing saturation. Product shots on white seamless often need slight contrast and white-balance tweaks—not a heavy filter—so SKUs stay color-accurate.
If you use cube LUTs or gradient maps, preview on neutral gray backgrounds as well as lifestyle scenes. A grade that looks cinematic on one set can shift skin tones on another.
Selective color for brand consistency
Selective adjustments let you tame an oversaturated logo red without dulling the whole image. Use them sparingly: over-isolated edits can create unnatural separation around edges.
Document slider values per campaign so freelancers can match last month’s catalog look when reshooting seasonal inventory.
Starting points for flat catalog shots
Underexposed on white seamless: brightness +8 to +15, contrast +5 to +10, saturation +0 to +5. Already punchy JPEG from camera: often only +3 contrast.
If histogram spikes on both ends after adjustment, back off—8-bit exports band in skies and shadows.
Why this works
- Correcting exposure first prevents clipped highlights when boosting saturation.
- Browser-based iteration is fast for catalog batches that do not need RAW suites.
- Exporting graded copies preserves an untouched original for re-edits.
When to use this workflow
- Product photos look dull or color-cast straight from the camera.
- Marketing needs a consistent grade across a batch of social assets.
- You want quick fixes without opening desktop RAW software.
Step-by-step guide
- Duplicate or keep an original before heavy grading.
- Adjust brightness and contrast until histogram extremes look healthy.
- Correct color cast with saturation/hue tools or selective color.
- Preview at phone size—over-saturation shows up quickly on OLED screens.
- Export, then resize and compress for the target page or marketplace.
Common mistakes to avoid
- Maxing saturation before fixing exposure (skin and products clip easily).
- Editing the only copy of a client master without backups.
- Applying the same LUT to every SKU when white balance differs per shot.
Frequently asked questions
Is browser adjustment good enough for ecommerce?
For many catalogs, yes—when you shoot with decent light and need consistent polish. High-end fashion or print campaigns may still need RAW workflows.
Should I adjust before or after resizing?
Adjust on the largest practical working file, then resize and compress for delivery so you do not amplify compression artifacts twice.