Image Cropper

The Image Cropper lets you crop any image to exact dimensions or aspect ratios directly in your browser. Drag to select the region to keep, choose preset aspect ratios (1:1 square for profile pics, 16:9 for banners, 4:3 for photos, 9:16 for stories), enter exact pixel dimensions for precision work, or freely drag any rectangle. The cropped image downloads immediately, or you can chain through other image tools for further processing.

All processing happens entirely in your browser using the Canvas API. No uploads to any server, no account needed, no watermarks. Works with JPG, PNG, WebP, GIF, and BMP formats. Handles images up to several hundred megapixels (limited only by your browser\u2019s memory). Keyboard shortcuts and fine-tune controls let you position the crop rectangle pixel-accurately. Output preserves the original quality level (lossless for PNG, configurable JPEG quality). For social media, the included presets cover the dimensions of every major platform\u2019s profile picture, cover image, post image, and story.

Image cropping reduces image dimensions by retaining a rectangular region and discarding the rest. Technical steps:

1. Load image into HTML Canvas
2. Determine crop rectangle (x, y, width, height)
3. Copy pixels from source canvas to destination canvas
4. Export destination canvas to selected format (PNG, JPEG, WebP)

Canvas.drawImage(source, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) does the copy. For a simple crop with no resizing, source rectangle is the crop region and destination rectangle has same dimensions.

Aspect ratio presets:
- 1:1 (square): profile pictures, Instagram feed
- 4:3: traditional photos
- 3:2: classic film, DSLR photos
- 16:9: widescreen, YouTube thumbnails
- 9:16: stories, TikTok, Reels
- 2:1: Twitter header
- 820:312: Facebook cover

Pixel precision: crop coordinates in CSS display pixels are translated to source image pixels based on displayed scale. Fine-tune controls let users adjust by 1 pixel at a time.

Output format:
- PNG: lossless, preserves transparency, larger files
- JPEG: lossy (quality 0-100 configurable), smaller files, no transparency
- WebP: modern, better compression than JPEG, may not open in older tools
- Keep original: matches input format

Aspect ratio locking: when enabled, resizing one side constrains the other side to maintain ratio. Useful for maintaining social media or branding dimensions.

Rotation/flip: some croppers include rotation (90°, 180°, 270°) and horizontal/vertical flip. This tool may include these depending on scope.

Large images: browser memory limits around 4096x4096 to 16384x16384 depending on device. Smartphone cameras produce 50MP+ images that may exceed limits. For very large images, pre-resize before cropping.

EXIF data: metadata (camera info, GPS coordinates) in JPEGs is typically stripped during canvas operations. This is usually fine for web use but means losing original EXIF.

Compared to Photoshop or GIMP, this tool is instant and free — no install, no learning curve. For simple crops, this tool is faster. For complex edits beyond cropping, Photoshop or GIMP are more capable.

Compared to online editors like Pixlr or Photopea, this tool is focused on cropping only. Online editors offer more features (filters, effects) but are slower to load and more complex for simple tasks.

Compared to the built-in crop in Windows Photos, macOS Preview, or Photos, this tool works in any browser and offers social media presets that desktop apps don\u2019t. OS tools are great if you\u2019re already in them; this tool is always accessible.