What is Dithering?
Dithering adds controlled noise or pixel patterns to randomize quantization error when reducing a signal’s precision. In images, it approximates unavailable colors or gradients and helps suppress visible banding.
How Dithering works
Dither deliberately redistributes rounding error before samples are mapped to a smaller set of output values. Instead of allowing correlated error to form broad contours, it turns that error into finer spatial variation that vision often perceives as a smoother tone. Ordered matrices, error diffusion, and noise-shaped patterns distribute the variation differently. In an image pipeline it is applied near the precision-reduction step, after major tonal operations and before final encoding.
Key facts
- 1Dither must be added before the target quantization; adding noise after values have already collapsed into palette entries cannot recover the missing transition levels.
- 2Ordered dithering is deterministic and parallel-friendly, while error diffusion propagates residuals to neighbors and can preserve local tone at the cost of directional texture and serial dependencies.
- 3The extra high-frequency variation can reduce lossless compression efficiency, and later lossy compression, resizing, or denoising may erase or reorganize the intended pattern.
When Dithering matters
Apply dithering when reducing color depth would otherwise produce contouring or abrupt tonal steps. It preserves perceived gradients at the cost of added texture, larger encoded output, or less compressible patterns.
Common use cases for image
These examples cover image broadly, not specifically Dithering.
- Generating responsive website images, thumbnails, avatars, social cards, and product imagery.
- Standardizing user uploads to safe dimensions, formats, and metadata policies.
- Applying crops, overlays, watermarks, background operations, or visual analysis at scale.
Working with image
This guidance covers image broadly, not just Dithering.
Image software decodes the source into pixels, applies spatial or color operations, and encodes the result. Resize filters, crop coordinates, operation order, and output settings determine both appearance and file size.
Image operations interact with resolution, aspect ratio, alpha, color profiles, orientation, and compression. Test the complete sequence because changing the order of resize, crop, sharpen, and encode operations can change the result.
What you gain
- One source can produce consistent variants for different layouts and devices.
- Automated optimization reduces bytes without requiring editors to prepare every derivative.
- Explicit transformation rules make crops, dimensions, and formats reproducible.
What it costs
- Smaller dimensions and stronger compression reduce transfer size but can remove useful detail.
- Automatic crops scale well but can cut off important subjects when detection or focal information is wrong.
- Wide-gamut, HDR, and transparent assets need an end-to-end path that preserves those properties.
Before production
- 1Test representative dimensions, transparency, color profiles, orientation, and animated inputs.
- 2Compare visual quality at the actual display size, not only at 100% zoom.
- 3Set explicit crop, fit, and upscaling rules so edge cases remain predictable.