This tool lets you compress a JPEG and see the size-versus-quality tradeoff before you commit to it. Moving the compression slider re-encodes your image live using the Canvas API's JPEG quality setting, shows you the resulting file size next to the original, and visualizes a standard luminance quantization table scaled to your chosen quality so you can see how aggressively detail is being discarded.
Anyone preparing images for the web who needs to hit a file size budget — bloggers, store owners, and developers optimizing page load times — without installing image editing software.
Why does the file sometimes get bigger?
If your original was already heavily compressed, re-encoding at a higher quality setting than the source can increase file size; the reduction readout will show this as an increase.
What is the quantization matrix showing?
A visualization of the standard JPEG luminance table scaled to your quality setting — lower values preserve more detail per 8x8 pixel block.
Built by @toteclabs