CodeKeetCodeKeet

Image Cropper

Crop images with drag-to-select, aspect ratio presets, and rotate. 100% client-side — your images never leave your browser.

🔒 100% private: All cropping happens in your browser using the Canvas API. Your images never leave your device.

About Image Cropper

Cropping is one of the most common image edits — removing unwanted areas, focusing on a subject, or fitting an image into a specific aspect ratio (square for Instagram, 16:9 for YouTube, 1:1 for avatars). Desktop photo editors are overkill for a quick crop, and many online croppers require uploading your image to a server (a privacy concern). This tool crops images entirely in your browser using the Canvas API. Drag a selection box, choose a preset aspect ratio (1:1, 4:3, 16:9, 3:2, 9:16, etc.), lock the ratio, or freely adjust. You can rotate the image, choose the output format, and download the result instantly. Nothing is uploaded.

How It Works

  1. Upload or drop an image (JPG, PNG, or WebP).
  2. Drag the crop box or handles to select the area you want to keep.
  3. Choose an aspect ratio preset (or "Free" to crop freely).
  4. Rotate the image if needed, then click Crop and download.

✨ Key Features

  • ✓Drag-to-select crop area
  • ✓Aspect ratio presets: 1:1, 4:3, 3:2, 16:9, 9:16, 3:4, 2:3, 21:9
  • ✓Free-form crop (no aspect constraint)
  • ✓Rotate 90°, 180°, 270°, or fine rotation
  • ✓Zoom in/out for precise selection
  • ✓Live preview of the crop
  • ✓Show crop dimensions and position
  • ✓Output as PNG, JPG, or WebP
  • ✓Quality control for JPG/WebP
  • ✓Download cropped image
  • ✓100% client-side — no data sent to any server

🎯 Common Use Cases

  • →Making square profile pictures for social media
  • →Cropping screenshots to focus on specific areas
  • →Preparing Instagram posts (1:1, 4:5, 9:16)
  • →Making YouTube thumbnails (16:9)
  • →Trimming scanned documents
  • →Removing unwanted borders or backgrounds
  • →Fitting photos into a specific layout
  • →Creating avatars from larger photos

💡 Advanced Tips & Pro Insights

  • ▸For profile pictures, use the 1:1 aspect ratio — most platforms display avatars as circles with a 1:1 source.
  • ▸Instagram feed: 1:1 (square) or 4:5 (portrait). Stories: 9:16. YouTube thumbnails: 16:9.
  • ▸Cropping does not resize — the output keeps the original resolution for the selected area. To reduce file size, crop first, then compress.
  • ▸Use rotation to fix photos taken sideways (EXIF orientation issues).
  • ▸After cropping, use the Image Resizer to scale down for smaller file sizes, or Image Compressor for further size reduction.

Frequently Asked Questions

Is this image cropper free?▾
Yes, this image cropper is completely free with no signup, email, or usage limits.
Is my data safe?▾
Yes, 100% safe. All cropping happens in your browser using the Canvas API. Your images are never uploaded to any server.
Which image formats are supported?▾
Input: JPG, PNG, WebP, and most images that browsers can display. Output: PNG, JPG, or WebP.
What aspect ratio should I use?▾
Common presets: 1:1 for avatars/Instagram, 4:5 for Instagram portrait, 9:16 for Stories/TikTok, 16:9 for YouTube/banners, 3:2 for photography, 21:9 for cinematic.
Does cropping reduce image quality?▾
No. Cropping removes pixels outside the selection but does not change the resolution of the crop area itself. Quality is preserved.
How do I reset the crop area?▾
Click the "Reset Crop" button to reset the selection to the full image.
Can I crop multiple images at once?▾
This tool crops one image at a time. For batch cropping, use a desktop tool like ImageMagick or a batch-capable editor.
Why does my JPG output have white background?▾
JPG does not support transparency. If your original had transparent areas within the crop, they are filled with white. Use PNG or WebP to preserve transparency.