liminfoImage Cropper
Free web tool: Image Cropper
Drop a file here, or
Choose fileJPG, PNG, WebP image files (max 50MB)
About Image Cropper
The Image Cropper is a browser-based tool that lets you crop images to exact dimensions using preset aspect ratios or custom pixel coordinates. It provides 6 aspect ratio presets: Free (no constraint), 1:1 (square, perfect for profile photos), 16:9 (widescreen, ideal for YouTube thumbnails and presentations), 9:16 (vertical, for Instagram Stories and TikTok), 4:3 (standard display ratio), and 3:2 (classic photo ratio). You can also manually enter X, Y, Width, and Height values for pixel-precise cropping.
The crop operation uses the HTML5 Canvas API's drawImage() method with source rectangle parameters (cropX, cropY, cropW, cropH) to extract the specified region from the original image. When you select an aspect ratio preset, the tool automatically calculates the largest possible crop area centered on the image: if the original image is wider than the target ratio, it constrains by height and centers horizontally; if narrower, it constrains by width and centers vertically.
All processing happens client-side using the Canvas API. The tool displays the original image dimensions, provides a live preview of the cropped region, and supports downloading the result as PNG (for non-JPEG originals) or JPEG (if the original was JPEG). The downloaded file is named with the crop dimensions (e.g., "cropped_800x600.png"). Files up to 50MB are supported via drag-and-drop or file picker.
Key Features
- 6 aspect ratio presets: Free, 1:1 (square), 16:9 (widescreen), 9:16 (vertical), 4:3 (standard), 3:2 (photo)
- Pixel-precise crop controls: adjustable X offset, Y offset, Width, and Height with min/max validation
- Auto-centering crop calculation: presets compute the largest centered area matching the target ratio
- HTML5 Canvas drawImage() with source rectangle parameters for exact pixel-level region extraction
- Side-by-side preview: original image and cropped result with dimension labels (W x H px)
- Smart output format: preserves JPEG for JPEG inputs, outputs PNG for all other formats
- Drag-and-drop file upload supporting JPG, PNG, WebP, and other browser-compatible image formats up to 50MB
- 100% client-side processing — no image data uploaded to any server
Frequently Asked Questions
What aspect ratio presets are available?
The tool provides 6 presets: Free (no ratio constraint, crop to any dimensions), 1:1 (square, commonly used for profile pictures and app icons), 16:9 (widescreen, standard for YouTube thumbnails, presentations, and modern displays), 9:16 (vertical, ideal for Instagram Stories, TikTok, and mobile wallpapers), 4:3 (traditional display ratio, used in older monitors and some cameras), and 3:2 (classic photo ratio used by most DSLR cameras).
How does the aspect ratio calculation work?
When you select a preset, the tool compares the original image's width/height ratio to the target ratio. If the image is wider than the target ratio, the crop height is set to the full image height and the width is calculated as height * ratio, centered horizontally. If the image is narrower, the crop width is set to the full image width and the height is calculated as width / ratio, centered vertically. This gives you the largest possible crop area at the selected ratio.
Can I enter exact crop coordinates manually?
Yes. The tool provides four numeric input fields: X (horizontal offset from left edge), Y (vertical offset from top edge), Width (crop width in pixels), and Height (crop height in pixels). Each field has min/max validation to prevent cropping outside the image bounds. You can combine presets with manual adjustments — select a preset first, then fine-tune the X and Y offsets to reposition the crop area.
What image formats can I crop?
The tool accepts any image format your browser can display: JPG/JPEG, PNG, WebP, BMP, GIF, SVG, and more. For the output format, JPEG originals are saved as JPEG to preserve compatibility, while all other formats are saved as PNG. The output file is named "cropped_{width}x{height}.jpg" or "cropped_{width}x{height}.png" accordingly.
What is the maximum file size supported?
The tool accepts image files up to 50MB. Since cropping uses the browser's Canvas API, the actual limit depends on your device's available memory. The image is loaded at full resolution (naturalWidth x naturalHeight) and the crop region is extracted at original quality, so very high-resolution images (e.g., 20MP+ camera photos) may require more memory.
How does the crop preview work?
Click the "Preview" button to see the cropped result without downloading. The tool creates a new Canvas with the crop dimensions (cropW x cropH), draws the selected region from the original image using drawImage() with source rectangle parameters, and converts it to a blob URL for display. The result appears next to the original image with the crop dimensions labeled (e.g., "800 x 600px").
Is the image quality preserved during cropping?
Yes. The crop operation extracts pixels directly from the original full-resolution image using Canvas drawImage() — no scaling or resampling occurs. The cropped region has the exact same pixel quality as the corresponding area in the original image. For JPEG outputs, the standard browser JPEG encoding quality is used. For PNG outputs, the result is completely lossless.
Is my image data uploaded to a server?
No. All processing happens entirely in your browser. The image is loaded using URL.createObjectURL() to create a local blob reference, drawn to an offscreen Canvas for cropping, and the result is generated as a local blob URL. No image data is ever transmitted over the network. Your images remain completely private on your device.