C08 lesson 13 of 13 6 min read Beginner to intermediate

Color Management for Web and Digital Delivery

Most photographs today are seen on screens: phones, laptops, tablets and TVs, through websites, social media and messaging apps. Each device shows color a little differently, and some apps change your files when you upload them. You cannot control every screen, but you can control your files. This final lesson of the color course explains how to deliver photos for digital viewing so they look as close as possible to what you intended, everywhere.

The question this lesson answersHow do you make sure your photos look right on websites, social media and other people's devices?

What digital color management means

Color management for digital delivery means preparing and exporting image files so that color-managed devices and apps can display them correctly, and so that devices that do not manage color still show something close. It uses color spaces and profiles from color spaces and profiles and a calibrated editing screen from monitor calibration and consistent viewing.

Why your photo looks different on other screens

Reasons colors change between devices
ReasonEffect
Uncalibrated or differently tuned screensSome look bluer, warmer, brighter or more saturated
Automatic brightness and color modesNight modes and ambient-color features warm or shift colors
Wide-gamut screensCan show more saturated colors; unmanaged apps may oversaturate files
Apps that ignore profilesFiles in wider color spaces can look dull or wrong
Upload processingPlatforms often resize, recompress and sometimes strip or convert profiles

You cannot fix other people's screens. Your goal is to give every device the best possible file, edited on an accurate screen.

Export settings for digital delivery

A safe export approach
SettingRecommended starting pointWhy
Color spacesRGBThe most widely supported; assumed by systems that ignore profiles
Embedded profileAlways onLets color-managed apps display the file correctly
File formatJPEG for most photosUniversal; other formats are covered in RAW versus JPEG and other image formats
SizeThe size the platform or website needsAvoids heavy extra compression by the platform
Bit depth8-bit for JPEG deliveryStandard for web images

Remember:Display P3 can show richer colors on modern wide-gamut phones and laptops, and many modern browsers support it. Some photographers deliver a Display P3 version for audiences on those devices. If you are unsure where images will be seen, sRGB remains the safest choice.

Social media and messaging apps

  • Platforms recompress images: fine detail, smooth gradients and subtle colors can suffer. Uploading at the platform's preferred size helps.
  • Profiles may be stripped or converted: exporting sRGB avoids most surprises.
  • Messaging apps often compress heavily: send as a document or file when quality matters.
  • Check the uploaded result on a phone, where most people will see it.

Exact platform sizes change often. Preparing images for websites and social media is covered in preparing photographs for websites and social media image preparation.

Checking your work on several devices

  1. Edit on your calibrated screen as the reference.
  2. Export with the settings above.
  3. View the exported file on a phone and another screen, with night modes and color-shifting features turned off.
  4. Look for big problems, such as strong casts, crushed shadows or oversaturation, not tiny differences.
  5. If a problem appears on most devices, adjust the edit; if only on one device, that device is probably the issue.

Tip:Before sending a large set to a client, test one image on their likely device, such as a phone, and in the gallery or app you will deliver through.

Consistency across a delivery

A client gallery, website portfolio or social feed looks professional when colors match across images. Correct and grade sets together, as in color correction versus creative color grading, use export presets so every file gets the same settings, and keep master files in a wide color space for future uses, such as printing.

Common mistakes

  • Uploading Adobe RGB or ProPhoto files: colors can look dull or strange.
  • Exporting without an embedded profile: devices have to guess.
  • Editing to look good on one phone only: edit on a calibrated reference screen first.
  • Sending important photos through messaging apps: heavy compression reduces quality.

How professionals deliver digital files

Professionals edit on calibrated screens, export sRGB JPEGs with embedded profiles for most web and client delivery, and keep export presets for each platform. Some add Display P3 versions for clients on modern devices. They deliver through proper galleries or file transfers rather than messaging apps, check results on phones, and archive wide-gamut master files. This completes the color course. Next, you will study the camera's sensor and image quality, starting with camera sensors and digital image capture.

Practical examples

A portfolio website that looks dull

Situation
Your website photos look less vivid than in your editor.
What to do
You re-export them as sRGB JPEGs with profiles embedded, sized for the website.
Why it works
The files were in a wider color space that some browsers or apps did not interpret correctly.
Result
Colors look consistent with your edit across browsers and phones.

Client photos sent by messaging app

Situation
A client complains that wedding previews look blurry and blotchy on their phone.
What to do
You deliver through an online gallery with full-quality sRGB JPEGs instead.
Why it works
Messaging apps compress images heavily; a gallery delivers the original files.
Result
The client sees sharp, accurate photos.

Key points

  • You cannot control viewers' screens, but you can deliver correctly prepared files.
  • Export sRGB JPEGs with embedded profiles for most web and social use.
  • Display P3 can show richer colors on modern devices; sRGB is the safest default.
  • Platforms and messaging apps recompress images; upload at preferred sizes and check results.
  • Edit on a calibrated screen, check on several devices, and deliver sets consistently.

Frequently asked questions

Why do my photos look different on my phone?
Phones use different screen tuning, brightness and color modes, and some apps change files. Export sRGB with profiles and check with night modes off.
What color space should I use for social media?
sRGB with the profile embedded is the safest choice for social media and most websites.
Should I export in Display P3?
It can show richer colors on modern wide-gamut devices, but sRGB is safer when you do not know where images will be seen.
Why do my photos look worse after uploading?
Platforms recompress and resize images. Upload at the recommended size and check the result.

Conclusion

Digital color management is about delivering the best possible file: edit on a calibrated screen, export sRGB with embedded profiles, respect platform sizes, check on real devices and keep sets consistent. You have now completed the color course.

Finished reading? Track your progress through Color and white balance.

Related lessons

0 views