How Image Compression Works: Lossy vs Lossless, Quantization & Modern Formats

1. The Fundamentals of Image Data

Every digital bitmap image is represented as a grid of pixels. For an uncompressed 24-bit TrueColor image, each pixel consists of three color channels: Red, Green, and Blue (RGB), with 8 bits (1 byte) allocated per channel.

Storing or transmitting raw uncompressed bitmap files is impractical for web browsing, email attachments, and online application forms. This is where compression algorithms become essential.

2. Lossless vs Lossy Compression

3. Inside the JPEG Compression Pipeline

The standard JPEG compression algorithm involves four sophisticated mathematical stages:

1. Color Space Transformation (RGB to YCbCr): The human eye is much more sensitive to variations in brightness (Luminance, Y) than to variations in color (Chrominance, Cb and Cr). JPEG converts the image into YCbCr space.
2. Chroma Subsampling (4:2:0 / 4:2:2): Because our eyes cannot easily detect subtle color shifts in dense details, color resolution is downsampled (e.g. 50% horizontal and vertical reduction), immediately cutting uncompressed color data by up to half without apparent degradation.
3. Discrete Cosine Transform (DCT): The image is divided into 8×8 pixel blocks. The DCT transforms each block from the spatial domain into the frequency domain, separating high-frequency sharp details from low-frequency smooth gradients.
4. Quantization & Huffman Entropy Coding: High-frequency coefficients are divided by values in a quantization matrix and rounded to integers. This rounding is where the controllable quality loss occurs. Finally, Huffman coding compresses the quantized coefficients into a compact bitstream.

4. Modern Web Formats: WebP vs AVIF vs JPEG

5. Best Practices for Online Image Compression

• Match the Resolution First: Resizing a 4000px image down to 1200px before compressing achieves a 90% reduction without degrading pixel quality.
• Choose 80-85% Quality for Web: A quality level between 80% and 85% provides the optimal balance of imperceptible artifacting and massive byte savings.
• Use Target-Size Optimization for Forms: When preparing images for exam portals with strict 20KB or 50KB constraints, use our Image Compressor to automatically find the exact quantization threshold.