color and transparency
Wide color gamut
Wide color gamut refers to color spaces that display more colors than standard sRGB web images.
What is Wide color gamut?
Wide color gamut is a color space that covers a significantly larger portion of visible colors than the standard sRGB color space used for web content. While sRGB covers approximately 35% of colors visible to the human eye, wide color gamut spaces like Display P3 cover about 45% and BT.2020 covers approximately 76%. Modern smartphone cameras capture photos in these expanded color spaces, particularly excelling in reds, oranges, and greens that fall outside sRGB boundaries.
Importance of Wide color gamut
Wide color gamut becomes critical when processing iPhone photos or images from modern Android devices that capture in Display P3. When these images are converted to standard web formats like JPEG or WebP, out-of-gamut colors get clipped or desaturated, reducing the vibrancy and accuracy of the original photo. Understanding color gamut compression helps explain why some processed images appear less vibrant than the originals on your phone.
Wide color gamut in Practice
An iPhone 15 Pro captures a sunset photo in Display P3 color space, recording vivid oranges and reds that extend beyond sRGB limits. When this 4.2MB HEIC file is converted to a JPEG for web use, those extended colors are automatically mapped back to sRGB boundaries. The resulting 1.8MB JPEG displays correctly across all devices and browsers but loses approximately 25% of the original color range captured by the camera.
Wide color gamut Best Practices
- → Convert wide color gamut images to sRGB for universal web and email compatibility.
- → Use AVIF format when you need to preserve wide color gamut content for supported browsers.
- → Accept that JPEG and WebP conversion will reduce color range from modern smartphone photos.
- → Prioritize consistent display across devices over maximum color fidelity for web delivery.
Example of Wide color gamut
Related Terms
Frequently Asked Questions
What is wide color gamut in photography?
Wide color gamut in photography refers to color spaces like Display P3 and BT.2020 that capture and display more colors than standard sRGB. Modern iPhone and Android cameras shoot in Display P3, recording approximately 25% more colors than sRGB can represent. This expanded range is particularly noticeable in vibrant reds, oranges, and greens that appear more saturated and lifelike than sRGB alternatives.
Do iPhone photos lose color when converted to JPEG?
Yes, iPhone photos lose some color information when converted from HEIC to JPEG because iPhones capture in Display P3 color space while JPEG only supports sRGB. Colors that fall outside sRGB boundaries get clipped or desaturated during conversion. However, the resulting JPEG displays consistently across all devices and browsers, making this trade-off necessary for web and email compatibility.
Can web browsers display wide color gamut images?
Most modern web browsers can display wide color gamut images, but only when using the AVIF format with proper color profile embedding. JPEG and WebP formats are limited to sRGB regardless of browser capabilities. Even browsers that support Display P3 will display JPEG images in sRGB color space, making format choice more important than browser support for wide gamut delivery.