compression
Chroma subsampling
A compression technique that reduces color data resolution while preserving brightness detail to minimize file size.
What is Chroma subsampling?
Chroma subsampling is a lossy compression technique that stores color information at lower resolution than brightness information, exploiting the human eye's greater sensitivity to luminance than to color variation. This method significantly reduces file size by storing full-resolution brightness data for every pixel while storing color data for only a fraction of pixels, with minimal perceptible quality loss on photographic content.
Importance of Chroma subsampling
Understanding chroma subsampling explains why JPEG images sometimes show color bleeding around text or sharp edges while natural photos look pristine. When you compress images containing colored text, logos, or graphics, 4:2:0 subsampling creates visible artifacts that can make your content appear unprofessional across web, social media, and email platforms.
Chroma subsampling in Practice
Most JPEG encoders default to 4:2:0 subsampling, where one color sample represents a 2×2 block of four pixels, reducing color data by half before additional compression. A 1920×1080 photograph that would require 6.2MB uncompressed needs only 3.1MB of color data with 4:2:0 subsampling. Professional workflows often use 4:4:4 (no subsampling) where color accuracy is critical, while 4:2:2 subsampling reduces color data by one-third for broadcast video applications.
Chroma subsampling Best Practices
- → Avoid heavy JPEG compression on images containing colored text or sharp color boundaries.
- → Use PNG format for graphics, screenshots, and images with thin colored lines on contrasting backgrounds.
- → Consider AVIF format for images requiring both small file sizes and sharp color detail preservation.
- → Test compressed images at actual display size to identify color bleeding artifacts before publishing.
Example of Chroma subsampling
Related Terms
Frequently Asked Questions
What is chroma subsampling in JPEG compression?
Chroma subsampling in JPEG compression reduces color data resolution while maintaining full brightness detail, typically using 4:2:0 format where one color sample covers four pixels. This technique reduces file size by approximately 50% before additional JPEG compression is applied. The human eye's lower sensitivity to color variation compared to brightness changes makes this reduction largely imperceptible in natural photographs.
Why does JPEG make text and graphics look blurry?
JPEG's 4:2:0 chroma subsampling causes color bleeding and fringing around sharp edges because color information is stored at half the resolution of brightness information. This creates visible artifacts on colored text, logos, and graphics with sharp color boundaries. Natural photographs with gradual color transitions don't show these artifacts because they lack the sharp color contrasts that reveal subsampling limitations.
What's the difference between 4:2:0 and 4:4:4 chroma subsampling?
4:4:4 stores full color information for every pixel with no subsampling, while 4:2:0 stores color data for only every fourth pixel in a 2×2 block. 4:4:4 produces perfect color accuracy but larger file sizes, making it ideal for professional workflows. 4:2:0 reduces color data by half, creating smaller files but potential color artifacts on sharp edges and text.