WorkspaceImage ToolsClient-Side Sandbox

Image Compressor

Compress PNG, JPEG, and WebP images locally using HTML5 Canvas with adjustable quality slider and before/after size comparison.

640×400px·In: 0.0 KB·Out: 0.0 KB

Compression Quality (82%):

How to Use Image Compressor

Upload or drag-and-drop any image file (or load the built-in test canvas graphic).
Adjust the quality slider and download the compressed image with exact byte savings.

Run / Process tool outputCtrl + Enter

Copy primary output to clipboardCtrl + Shift + C

Open global command paletteCtrl + K

Resize images to exact pixel dimensions or percentage scales with aspect-ratio locking and high-quality bicubic smoothing.

Crop images to custom X/Y/Width/Height coordinates or aspect ratio presets (1:1, 16:9, 4:3, 3:2) in the browser.

Convert transparent or opaque PNG images to JPEG format with configurable background fill color and quality.

Convert JPEG photographs and graphics into lossless 32-bit PNG images in the browser.

Convert PNG, JPG, or SVG images into modern high-efficiency WebP format (or WebP back to PNG).

Convert image files into `data:image/...;base64` Data URLs, HTML `<img>` tags, and CSS `background-image` snippets, or decode Base64 to image.