Image Cropper & Resizer
Crop and resize images with preset aspect ratios, social media sizes, background canvas with transparency. Real-time preview.
Runs in your browser. No data leaves your device.
Frequently Asked Questions
How does the Image Cropper work?
Your image is loaded onto an OffscreenCanvas at full resolution. The crop region coordinates are clamped to image bounds and optionally constrained to an aspect ratio. A second OffscreenCanvas is created at the crop dimensions, and drawImage() extracts just that rectangular region. For ellipse crops, an elliptical clipping path is applied via ctx.ellipse() and ctx.clip() before drawing.
How do I crop an image to a specific size?
Upload your image, then choose from preset dimensions like 1080x1080 for Instagram, 1920x1080 for 1080p, or icon sizes like 512x512. You can also set any custom width and height, or drag to select a freeform crop area.
Can I add a background or padding around my cropped image?
Yes. Enable the background canvas feature to place your cropped image on a larger canvas with black, white, or transparent background. Drag to reposition your image on the canvas, or use the center buttons for precise placement.
What aspect ratios are available?
Built-in presets include 1:1 (square), 4:3, 3:2, and 16:9. You can also pick paired dimension presets for social media (Instagram, Facebook, Twitter), screen resolutions (720p, 1080p, 4K), photo prints (4x6, 5x7, 8x10), and icon sizes.
Can I crop images with a transparent background?
Yes. Choose the transparent background option to place your cropped image on a transparent canvas, then export as PNG to preserve transparency. Perfect for logos, icons, and design assets.