Loading…
Crop images with aspect presets and free select. Use when trimming; for scaling use image-resizer. Input: image ≤10MB. Returns cropped PNG/JPEG. 100% client-side, files never leave browser.
Image Cropper is loading — interactive editor will appear here. Use examples below to try instantly once loaded.
Press ? for keyboard shortcuts
Crops images with a draggable rectangle and 8 resize handles. Supports aspect presets (Free, 1:1, 4:3, 16:9, 9:16, 3:2, 2:3) with ratio locking, live dimmed overlay outside the crop, and export to JPEG/PNG/WebP at chosen quality. Works entirely in the browser via canvas.
Cropping for thumbnails, profile pictures, and social posts requires precise aspect control and visual feedback. Server uploads risk privacy and are slow; this tool gives pixel-accurate cropping locally with tiled handles and keyboard nudging without ever uploading the image.
This tool is part of the DevStackIO platform — a collection of free online developer tools from DevStackIO. Browse more free developer resources on DevStackIO.
Designers preparing social assets, developers generating thumbnails, and anyone needing quick, private image cropping without Photoshop or cloud converters.
Click or drop a JPEG/PNG/WebP image (10MB max). A centered 70% crop appears.
Pick an aspect preset (Free, 1:1, 4:3, etc.) — ratio locks and recenters the rectangle.
Drag the rectangle to move, or drag any of the 8 handles to resize. Shift+arrow nudges 10px, arrow nudges 1px, Enter crops.
Choose output format (JPEG/PNG/WebP) and quality (for JPEG/WebP).
Click Crop to generate the preview, then Download (or Download as PNG/WebP). The cropped image never leaves your browser.
Input: 3000×2000 photo, preset 1:1, crop 1400×1400 centered → Output: 1400×1400 JPEG, ~300KB at 90 quality.Input: 1920×1080 screenshot, Free mode, crop 800×600 around a dialog → Output: 800×600 PNG with sharp text preserved.Is the image uploaded? No
cropping uses canvas in your browser. Files never leave your device.
What aspect ratios are supported?
Free, 1:1, 4:3, 16:9, 9:16, 3:2, 2:3. Free allows any rectangle; locked ratios resize proportionally.
Can I nudge with keyboard? Yes
focus the crop area, arrow keys move 1px, Shift+arrow moves 10px, Enter crops.
Does it preserve quality? Yes
the output is rendered at the crop's pixel size via drawImage, no upscaling unless you resize handles beyond the source.
Authoritative specifications, standards, and in-depth reading for Image Cropper.
Click or drop image here
Supports JPEG, PNG, WebP · 10MB max · 1 file · 100% local
Resize images by width/height or percent. Use when dimensions must change; for smaller files use image-compressor. Input: image ≤10MB. Returns resized PNG/JPEG/WebP. 100% client-side, files never leave browser.
Compress JPEG, PNG, and WebP images in your browser. Reduce file size without visible quality loss.
Generate placeholder images by size and text. Use for mockups; for editing photos use image-resizer. Input: dimensions + options. Returns PNG download. 100% client-side, files never leave browser.
Check foreground/background contrast against WCAG 2.2 AA/AAA with ratio and pass/fail. Use for accessibility audits; for format conversion use color-converter, for picking use color-picker. Input: two colors. Returns ratio + grade. 100% client-side.
Add text or logo watermark to images. Use for branding; for cropping use image-cropper. Input: image ≤10MB. Returns watermarked image. 100% client-side, files never leave browser.
Embed raster images as SVG. Use when needing SVG wrappers; for optimizing vectors use svg-optimizer. Input: image ≤10MB. Returns SVG. 100% client-side, files never leave browser.
Combine images into a grid collage. Use for side-by-side; for animation use gif-maker. Input: images ≤10MB. Returns collage PNG. 100% client-side, files never leave browser.
Rotate images 90, 180, or 270 degrees and flip them horizontally or vertically. Preview and download — files never leave your browser