JPEG Compression

INSTRUCTIONS:
1. Select Draw to create your own image, or choose a Sample.
2. Adjust JPEG Quality to observe artifacts.
3. Observe the file size difference, compression ratio, and quality loss.

1. Original (Raw)

2. JPEG (Compressed)

Brush Color:

Scroll to Zoom • Drag to Pan

Image Source

Upload Image

Compression Level

JPEG Quality: 50%

Observe: At low quality, lossy compression discards high-frequency data. This creates 8×8 "blocky" artifacts because JPEG processes images in small squares.

Size Calculation

Uncompressed:

(W × H × 24b) ÷ 8 ÷ 1024

0 KB

Compressed: 0 KB Ratio: 0:1