âī¸ Image Cropper Online
Drag the crop box anywhere. Resize with handles. Set size in pixels, cm, or inches. Download instantly â no upload, fully private.
Click to upload or drag & drop
JPG, PNG, WebP, GIF â processed entirely in your browser
72 = screen | 150 = home print | 300 = professional print
How to Use the Image Cropper
Upload Your Image: Click the upload zone or drag and drop any JPG, PNG, WebP, or GIF from your device. The image loads instantly in your browser.
Choose Aspect Ratio or Free Crop: Select a preset ratio like 1:1, 16:9, or 4:3 â or keep it on Free to crop any custom shape without restriction.
Drag the Crop Box Anywhere: Click and drag the crop box to move it freely across the image. Drag any of the 8 handles to resize it precisely.
Set Output Size in Pixels, CM, or Inches: Enter width and height and choose your unit â px, cm, or inches. For cm and inches, set your print DPI to calculate the exact pixel output automatically.
Crop and Download: Click "Crop Image", preview the result, choose your format (PNG / JPG / WebP), and hit Download to save it instantly.
Key Features
Full Drag-to-Move
The crop box moves freely anywhere on the image. Drag it to any corner, edge, or centre â it never jumps or snaps unexpectedly.
CM & Inches Support
Set output dimensions in centimetres or inches for print-ready exports. Enter your DPI and the tool calculates exact pixel output automatically.
8-Handle Resize
Eight drag handles â corners and midpoints â give full control over width, height, or both simultaneously with aspect ratio lock.
100% Private
Your image never leaves your device. All processing runs in the browser via Canvas API â no server, no upload, no account.
PNG / JPG / WebP
Download as PNG for lossless quality, JPG for smaller files, or WebP for the best web performance with adjustable quality.
Touch Enabled
Fully works on smartphones and tablets. Drag and resize the crop box with touch gestures on any iOS or Android browser.
How It Works â Formulas & Unit Conversion
The cropper uses the HTML5 Canvas drawImage() API to extract the selected pixel region from the original image. A display scale factor maps screen coordinates back to original image pixels accurately.
Real Crop X = Screen Crop X Ã Scale
Real Crop Y = Screen Crop Y Ã Scale
Real Crop W = Screen Crop W Ã Scale
Real Crop H = Screen Crop H Ã Scale
ctx.drawImage(img, realX, realY, realW, realH, 0, 0, outputW, outputH)
When you select cm or inches as the output unit, the tool converts to pixels using your DPI setting:
Output Pixels (inches) = Value (inches) Ã DPI
Example: 10 cm at 300 DPI â 10 Ãˇ 2.54 à 300 = 1181 px
Example: 4 inches at 300 DPI â 4 Ã 300 = 1200 px
The crop area is extracted at full original resolution and then scaled to the output canvas size. No extra compression is applied beyond the chosen format's encoding.
Practical Examples
đŽđŗ Priya â Mumbai, Maharashtra
Need: A 10Ã10 cm square print of her daughter's photo at 300 DPI for a photo album.
Steps: Uploads family photo â selects 1:1 ratio â drags crop box over daughter's face â sets Width: 10, Height: 10, Unit: cm, DPI: 300 â tool shows 1181Ã1181 px output â downloads as PNG.
â 10Ã10 cm / 1181Ã1181 px â print-ready photo album imageđŽđŗ Rahul â Bengaluru, Karnataka
Need: A YouTube thumbnail at exactly 1280Ã720 px from a vertical phone photo.
Steps: Uploads 9:16 phone shot â selects 16:9 ratio â drags crop box to top area showing the product â sets Width: 1280, Height: 720, Unit: px â downloads as JPG.
â 1280Ã720 px JPG â perfect YouTube thumbnailđŦđ§ James â London, UK
Need: A 6Ã4 inch product image at 150 DPI for an e-commerce catalogue brochure.
Steps: Uploads product shot â Free Crop â drags box around product â Width: 6, Height: 4, Unit: inches, DPI: 150 â tool converts to 900Ã600 px â downloads as WebP.
â 6Ã4 in / 900Ã600 px â catalogue-ready WebP imageđŽđŗ Anjali â Delhi, NCR
Need: A 3.5Ã4.5 cm passport-size photo cropped precisely from a selfie.
Steps: Uploads selfie â Free Crop â drags box tightly around face and shoulders â Width: 3.5, Height: 4.5, Unit: cm, DPI: 300 â 413Ã531 px output â downloads as JPG.
â 3.5Ã4.5 cm / 413Ã531 px â standard passport photo sizeWhat Is an Image Cropper?
An image cropper lets you select and keep a specific rectangular region of a photo, removing everything outside it. It is the most fundamental photo editing operation â used by designers, photographers, students, and everyday users worldwide.
Unlike resizing (which scales the whole image), cropping focuses on composition. You decide what stays in the frame and what gets removed. The pixels within the selected region are preserved at their original quality â no distortion, no stretching.
This tool extends standard cropping with physical unit support. Whether you need a 4Ã6 inch photo print, a 10Ã15 cm passport crop, or a 1080Ã1080 px social media square, you can specify the exact size in the unit that makes sense for your use case â without any conversion maths.
Image Cropper â Global Language Reference
Want to learn about aspect ratios, print sizes, DPI, and cropping best practices?
đ Read: How to Crop Images Online â Complete Guide âFrequently Asked Questions
Is this image cropper free to use?
Yes, completely free. No account required, no watermark added to your image, and no limit on how many images you crop per day.
Can I drag the crop box anywhere on the image?
Yes. Click and drag the crop box to reposition it freely across any part of the image. It stays constrained within the image boundaries so you can never drag it off the edge accidentally.
Can I set output size in centimetres or inches?
Yes. Select cm or inches from the unit dropdown, enter your dimensions, and set a DPI value. The tool automatically converts to pixels: cm Ãˇ 2.54 à DPI, or inches à DPI.
What DPI should I use for printing?
Use 300 DPI for professional print quality (magazines, photo albums, business cards). Use 150 DPI for standard home printing. Use 72 DPI for screen or web display only.
Does my image get uploaded to a server?
No. The entire process runs in your browser using the HTML5 Canvas API. Your image is never transmitted to any server and stays entirely on your device.
What image formats can I upload and download?
Upload JPG, PNG, WebP, or GIF. Download the cropped result as PNG (lossless), JPG (smaller file), or WebP (best for web). JPG allows adjustable quality from 50â100%.
What is the maximum image file size supported?
There is no server-imposed limit since all processing is local. Files above 20MB may run slowly depending on your device memory, but most modern phones and computers handle images up to 50MP without issue.
Does locking an aspect ratio work while dragging handles?
Yes. When you select a preset ratio (1:1, 16:9, 4:3, etc.), all 8 handles respect that ratio automatically. Dragging any corner or edge resizes the crop proportionally.
Will the image lose quality after cropping?
The crop area retains its original pixel data with no added compression. If you upscale a small crop area to a larger output dimension, some softness may appear â this is standard digital image behaviour, not caused by this tool.
Does this work on mobile phones and tablets?
Yes. The cropper is fully touch-enabled. You can drag the crop box and resize it using touch gestures on any Android or iOS browser without any issues.
Recommended Hosting
Hostinger
If you are building a website for your tools, blog, or store, reliable hosting matters for speed and uptime. Hostinger is a popular option used worldwide.
Visit Hostinger âDisclosure: This is a sponsored link.
Contact Us
Quick questions, tool feedback, suggestions
Business inquiries and partnership requests
Related Tools You May Like
Share This Tool
Found this tool useful? Share it with friends and colleagues.
