Image coordinates use a top-left origin: X=0, Y=0 is the top-left pixel of the image. X increases going right; Y increases going down. This matches the browser's CSS coordinate system and most image editing APIs. To crop a 200×200 region starting at the centre of a 1000×600 image, you would use X=400, Y=200, W=200, H=200.
Free Online Image Cropper
Crop Images to Exact Coordinates & Dimensions
Crop any image using precise X, Y, Width and Height pixel values. Perfect for extracting specific regions, removing unwanted borders, or preparing thumbnails.
Exact pixel coordinate crop
Live image preview
Preserves original quality
Drop your file here
or browse files
Up to 100 MB free • Outputs: JPG, PNG, WEBP
Crop Region (pixels)
Waiting in queue…
Conversion failed
Something went wrong. Please try again.
SSL Encrypted
Files deleted in 2h
Fast processing
No signup needed
Simple & Fast
How to Use Image Cropper
Convert your files in three simple steps — no software, no signup.
01
Upload Your Image
Drop or browse any JPG, PNG, or WebP image up to 100 MB.
02
Set Crop Region
Enter X, Y offset and Width/Height in pixels. A live preview shows the crop region overlaid on your image.
03
Download Cropped Image
The cropped region is exported at full quality in your chosen output format.
Features
Why Use Image Cropper?
Coordinate Precision
Specify exact X, Y starting position and Width/Height to extract any rectangular region with pixel accuracy.
Live Crop Preview
A real-time preview overlay shows exactly what will be cropped before you convert, eliminating guesswork.
All Image Formats
Works with JPG, PNG, WebP, BMP, and GIF. Output format can differ from input for flexible workflows.
Private & Secure
Files are deleted within 2 hours. Cropping happens server-side — no client-side canvas leaks.
Preserves Full Quality
No re-encoding lossy artefacts unless you choose JPG output. PNG and WebP outputs remain lossless.
API Access Available
Automate crop operations for thousands of images via our REST API — ideal for thumbnail pipelines.
Compatibility
Supported Formats
All the formats you need, all in one place.
| Format | Description | Extension | Best Used For |
|---|---|---|---|
| JPG | Cropped JPEG output with quality control | .jpg |
Thumbnails, social media crops |
| PNG | Lossless PNG crop, preserves transparency | .png |
UI regions, sprite extraction |
| WEBP | Efficient WebP crop for web delivery | .webp |
Website thumbnails, CDN assets |
| GIF | Crop static or animated GIF regions | .gif |
Animated sprite extraction |
| BMP | Lossless bitmap crop output | .bmp |
Legacy software ingestion |
FAQ
Frequently Asked Questions
X is the horizontal offset in pixels from the left edge of the image. Y is the vertical offset from the top. (0, 0) is the top-left corner.
No — if X + Width or Y + Height exceeds the image dimensions the crop is automatically clamped to the image boundary. We show a warning in the preview.
Yes. When cropping a PNG with transparency the alpha channel is preserved in the output PNG or WebP file.
Yes — all frames of an animated GIF are cropped to the same region, producing a smaller animated GIF.
Enter your desired Width and Height values in the correct ratio (e.g. 800×800 for 1:1, 1920×1080 for 16:9). The tool will apply those exact dimensions.
Open your image in any image viewer and hover over the target corner — most viewers show the pixel coordinates in the status bar. Alternatively use our live preview to visually adjust before converting.
Real-World Uses
Who Uses Image Cropper?
From everyday users to professionals — see how people rely on this tool every day.
Photographer
Precise Portrait Crops
Extract exact face regions or upper-body crops from full-frame photos for profile pictures, ID cards, and headshot portfolios.
Web Developer
Extract UI Sprites
Crop specific regions from sprite sheets using exact X/Y/W/H coordinates to extract individual icons or UI components.
Content Editor
Crop Article Thumbnail Areas
Crop the most visually compelling region of a photo to the exact thumbnail dimensions required by your CMS or blog template.
GIS Analyst
Extract Map Regions
Crop known geographic bounding boxes from large map screenshots with pixel-level accuracy using coordinate inputs.
Video Editor
Grab Frames from Screenshots
Crop specific on-screen regions from video frame screenshots to extract subtitles, UI elements, or scene details.
E-commerce Seller
Focus on Product Detail Shots
Crop tight detail regions from wide product photos to create zoom and macro views for product galleries without reshoooting.
Why TransmuteBox?
TransmuteBox vs. Alternatives
See how we compare to desktop software and other online converters.
| Feature |
Our Tool TransmuteBox |
Photoshop | Other Online |
|---|---|---|---|
| Exact X/Y/W/H pixel crop | Visual only | ||
| Live crop preview overlay | Varies | ||
| Animated GIF support | |||
| Transparency preserved | Varies | ||
| No software install | |||
| Files auto-deleted (2 h) | Varies | ||
| Free to use | Varies | ||
| API access | Pro |
Under the Hood
Technical Specifications
Built on industry-standard open-source tools for maximum quality and reliability.
Limits & Restrictions
- Max file size: 100 MB (free)
- Crop region clamped to image boundary automatically
- Animated GIF: all frames cropped to same region
Pillow
crop
JPEG
PNG
WebP
GIF
BMP
coordinate crop
Conversion Engine
Pillow 10.x (PIL Image.crop)
Output Quality
Lossless crop for PNG/WebP; JPEG quality 92 for JPG output
Average Speed
Cropping completes in under 1 second for all supported formats
Data Security
HTTPS transfer · isolated temp dir · auto-purged in 2 h
Crop origin
Top-left (0,0) coordinate system
Preview
Live overlay before converting
Animated GIF
All frames cropped simultaneously
Complete Guide
Precise Image Cropping: Coordinates, Aspect Ratios and Best Practices
A well-placed crop can transform a mediocre photo into a compelling visual. Whether you are extracting UI elements with pixel precision or composing a portrait for social media, understanding coordinate-based cropping gives you full creative control.
Understanding the Coordinate System
Crop vs Resize: Knowing the Difference
Cropping extracts a sub-region of an image — the output pixels are identical to the originals, just fewer of them. No pixel data is added or interpolated. Resizing changes the total dimensions by scaling all pixels up or down. These are fundamentally different operations: crop for composition; resize for dimensions. Use both in sequence when you need a specific crop at a specific output size.
Rule of Thirds and Crop Composition
The rule of thirds divides the frame into a 3×3 grid. Placing the subject at one of the four intersection points creates more visually engaging compositions than centring. For a 1200×800 image, the rule-of-thirds intersections are at approximately (400,267), (800,267), (400,533), and (800,533). Cropping to place a subject at one of these points is a simple way to improve photo composition programmatically.
Cropping Sprites and UI Assets
A sprite sheet packs multiple small images into a single file to reduce HTTP requests. Extracting individual sprites requires knowing each sprite's position and size within the sheet. With exact coordinate cropping, you can extract any cell: for a 5-column sprite sheet with 64×64 sprites, the 3rd sprite in the 2nd row is at X=(2*64)=128, Y=(1*64)=64, W=64, H=64.
Cropping for Social Media Thumbnails
Every social platform has preferred thumbnail dimensions: Twitter cards use a 2:1 ratio (1200×600), YouTube thumbnails are 16:9 (1280×720), and Instagram posts are 1:1 (1080×1080). Rather than guessing, identify the focal point of your image, calculate the crop that places it according to the rule of thirds at the target aspect ratio, and enter those exact coordinates for a consistently polished result.