WorkspaceImage ToolsClient-Side Sandbox

Image Cropper

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

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

Crop Aspect Preset:

How to Use Image Cropper

Load an image, choose an aspect ratio preset or custom crop region, and export the cropped canvas.

Run / Process tool outputCtrl + Enter

Copy primary output to clipboardCtrl + Shift + C

Open global command paletteCtrl + K

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

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

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.