Image Cropper
Crop images with accessible numeric controls.
Image Cropper trims photos to an exact rectangle in your browser. Set X, Y, width, and height with keyboard-friendly inputs, preview the source, and download a PNG crop—touch-friendly and fully client-side.
How it works
Load a local image to see its dimensions, enter crop coordinates with labeled number fields, then crop via Canvas. Coordinates are clamped to image bounds and megapixel limits still apply before processing.
Benefits
- Keyboard-operable crop fields
- Touch-friendly numeric controls
- Local Canvas processing only
- Clear errors for invalid rectangles
Use cases
- Trim screenshots to the relevant region
- Create square avatars from photos
- Extract a chart from a larger capture
- Prep social crop ratios before export
Best practices
- Note source dimensions before setting the box
- Use keyboard inputs for pixel-precise crops
- Crop from high-resolution originals
- Verify the preview after downloading
Common mistakes
- Setting width/height larger than the source
- Forgetting Y offset when targeting lower regions
- Expecting circular crops from this tool
- Cropping already heavily compressed images
Privacy
Images never leave your browser. History is disabled by default for binary media tools. Delete downloads from shared devices when done.
Frequently asked questions
- Is the crop UI keyboard accessible?
- Yes. Crop X, Y, width, and height are standard number inputs. Tab between fields, type values, and use arrow keys where the browser supports them. Screen readers announce each labeled field.
- Does cropping work on touch devices?
- Yes. Use the numeric fields to set the crop box precisely. The preview updates after you crop; large touch targets on inputs keep the workflow usable on phones.
- Are my images uploaded?
- No. Cropping uses Canvas locally. ToolHub never receives your file.
- What if my crop box is outside the image?
- Values are clamped to the source bounds. If the rectangle would be empty, you get a clear error instead of a blank download.
- Can I crop to a circle?
- This tool exports a rectangular PNG crop. For circular masks, crop tightly then mask in a graphics editor, or use CSS border-radius when displaying the result.
Related tools
Image Resizer
image
Resize images by size or percent, locally.
- image
- resize
- scale
- dimensions
Image Compressor
image
Compress images locally with quality and size controls.
- image
- compress
- jpeg
- webp
Color Picker
color
Sample image colors and copy hex/rgb locally.
- color
- picker
- palette
- hex
Image Format Converter
image
Convert images to PNG, JPEG, or WebP locally.
- image
- convert
- png
- jpeg
QR Code Generator
image
Create PNG/SVG QR codes locally—no API.
- qr
- qrcode
- generator
- svg
SVG Viewer
image
Sanitize, preview, and clean SVG locally.
- svg
- viewer
- sanitize
- optimize