How to Adjust Photo Colors for Web and Ecommerce
Fix photo lighting and color in your browser with quick filters or advanced controls before exporting.
In short
Use Photo editor for quick fixes, or Adjust for deeper controls like Exposure, Shadows, Vibrance, Warmth, and LUT.
For web-ready photos, start with crop and quick filters, then correct light (Exposure, Highlights, Shadows) and color (Saturation, Vibrance, Warmth, Tint). Use LUT or selective color only when needed, then export and compress as a separate step.
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.
When to open Curves instead of more sliders
If Exposure and Shadows look right but the image still feels flat, a gentle RGB S-curve in Adjust often beats pushing Contrast again—especially on 8-bit JPEGs where heavy contrast clips sooner than curves suggest.
See the dedicated tone curves guide for channel workflows and preset starting points.
Why this works
- A quick filter gives you a fast starting point instead of moving many sliders from zero.
- Fixing light before color helps avoid washed highlights and blocked shadows.
- Exporting copies keeps your original safe for future 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
- Start in Photo editor and apply a predefined quick filter plus crop, brightness, contrast, and saturation.
- Switch to Adjust if you need deeper controls: Exposure, Luminosity, Highlights, Shadows, Black point, Vibrance, Warmth, Tint, or Definition.
- Keep an original master before heavy grading.
- In Adjust, fix Light first (Exposure, Highlights, Shadows), then open Curves if you need midtone or per-channel control.
- Continue with Color (Saturation, Vibrance, Warmth, Tint). Use selective color when only one hue needs replacement—not global saturation.
- Use LUT, gradient, vignette, and frame only when they help the final look.
- 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
When should I use Photo editor vs Adjust?
Use Photo editor for quick essentials and predefined quick filters. Use Adjust when you need advanced controls like Exposure, Shadows, Vibrance, Warmth, Tint, Definition, LUT, selective color, gradient, vignette, or frames.
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.