Introduction
Need to trim unwanted edges from a photo, create a square profile picture, or prepare images for social media? The Image Cropper gives you precise control over exactly what stays and what gets cut right in your browser, no upload required.
Unlike clunky editors that send your photos to unknown servers, this tool keeps everything private. Your image never leaves your device. Click and drag anywhere on the photo to draw a crop box, then fine-tune by dragging the red selection area or its white resize handles.
Whether you need a 1:1 square for Instagram, 16:9 for YouTube thumbnails, or a freeform custom shape, this cropper handles it. Download your cropped image as JPEG (small files), PNG (transparency support), or WebP (best compression). Toolraxy built this for speed, privacy, and dead-simple cropping without software installation.
How to Use
Upload an image – Click the upload area or drag-and-drop any JPG, PNG, GIF, BMP, or WebP file
Draw crop area – Click and drag anywhere on the image to draw a new crop selection box
Move the crop box – Click and drag the red box to reposition your crop area
Resize the crop box – Drag any white circle (corners or edges) to adjust dimensions
Lock aspect ratio – Hold the Shift key while resizing, or click preset buttons (1:1, 4:3, 16:9, 3:2)
Choose output format – Select JPEG, PNG, or WebP from the dropdown
Download – Click the green Download button to save your cropped image
How the Tool Works
The tool crops images entirely in your browser using HTML5 Canvas. No data ever leaves your device.
Step 1 – Image loading: When you upload an image, the tool creates an in-memory copy and displays it at a viewable size while preserving the original pixel dimensions.
Step 2 – Crop coordinate calculation: The tool tracks your mouse clicks and drags to determine the crop box position (X,Y) and dimensions (Width, Height) relative to the displayed image.
Step 3 – Scale conversion: The displayed image is often smaller than the original. The tool converts crop coordinates using this formula:
Scale X = Original Image Width ÷ Displayed Image Width
Scale Y = Original Image Height ÷ Displayed Image Height
Actual Crop X = Crop Box X × Scale X
Actual Crop Y = Crop Box Y × Scale Y
Actual Crop Width = Crop Box Width × Scale X
Actual Crop Height = Crop Box Height × Scale Y
Step 4 – Canvas extraction: The tool creates a canvas element, draws only the selected pixel region from the original image, and exports it at your chosen format (JPEG, PNG, or WebP).
Step 5 – Preview display: The cropped result appears instantly, showing the exact file size and dimensions.
Validation rules: Minimum crop size is 10×10 pixels. Crop box cannot extend beyond image boundaries. Aspect ratio presets lock width-to-height proportions.
Worked Example
Scenario: A user uploads a 4000×3000 pixel photo (4:3 aspect ratio) and needs a 1:1 square crop for an Instagram profile picture.
Step-by-step:
Upload – The 4000×3000 image loads and displays at roughly 800×600 pixels on screen (fits within the container)
Draw crop box – User clicks and drags a square area on the displayed image, roughly 400×400 pixels on screen
Tool calculates – Displayed crop box = 400×400 pixels
Apply 1:1 preset – User clicks “1:1 Square” button. The tool forces the crop box to maintain equal width and height
Extract crop – Canvas draws only the 2000×2000 pixel region from the original image
Download as JPEG – Output file size: approximately 500 KB (85% quality)
Interpretation: The original 4000×3000 photo (approx 3-4 MB) crops to a 2000×2000 square (approx 500 KB). The user gets a perfectly square profile picture without uploading to any server. The 1:1 preset ensures Instagram won’t crop or stretch the final image.
Clear takeaway: Manual cropping would require opening separate software. This tool completes the task in under 10 seconds, entirely private, with exact aspect ratio control.
Benefits of Using This Tool
Completely private – Images never upload to any server; all cropping happens in your browser
No software installation – Works instantly in any modern browser
Free forever – No subscriptions, watermarks, or registration
Multiple aspect ratio presets – 1:1, 4:3, 16:9, 3:2, plus freeform
Precise controls – Resize handles on all corners and edges, plus drag-to-move
Shift key aspect lock – Hold Shift while resizing to maintain proportions temporarily
Multiple output formats – JPEG, PNG, or WebP download
Real-time preview – See original and cropped versions side by side
Shows output file size – Know exactly how large your cropped image will be
Touch device support – Works on phones and tablets with touch gestures
FAQs
How accurate is this image cropper?
The cropper extracts exact pixel regions from your original image. If you draw a crop box around a specific object, that object appears exactly as selected. Accuracy depends on your mouse precision. Use the resize handles for pixel-perfect adjustments.
Can I crop to exact pixel dimensions?
The tool shows crop dimensions in pixels (displayed below the crop area). For exact pixel crops, resize until the dimensions match your target. Preset aspect ratios help maintain proportions, but you control the final pixel count by adjusting the crop box size.
What is the difference between free and preset aspect ratios?
Free – Drag any handle independently. Width and height change separately; no proportion constraints.
Preset (1:1, 4:3, 16:9, 3:2) – Width and height stay locked in ratio. Resize one dimension, the other adjusts automatically. Move the box without changing shape.
Is this tool safe for private or sensitive images?
Yes. Everything processes locally using JavaScript. Your images never leave your browser, no data transmits to any server. You can disconnect your internet after loading the page and cropping continues working normally.
Why does my cropped image look different from the preview?
The preview shows exactly what will be downloaded. If something looks different, check your output format. JPEG cannot preserve transparency (white background appears). PNG preserves transparency. WebP handles both.
What happens to image quality when I crop?
Cropping removes pixels but does not change quality of remaining pixels. A sharp 4000×3000 photo cropped to 2000×2000 remains sharp – you simply have fewer total pixels. Quality only degrades if you save as JPEG repeatedly (the tool saves once, at 90% quality).
Can I undo a crop?
The Reset Crop button restores the default crop box (centered at 70% of image size). However, you cannot “uncrop” to restore previously removed areas. Always keep your original image file separately.
Does this tool support transparent backgrounds?
Yes, but only with PNG output format. JPEG does not support transparency (transparent areas become white). WebP supports transparency in modern browsers. Upload PNG images with transparency, crop them, and download as PNG or WebP to preserve transparent backgrounds.
How do I crop to a specific shape like a circle?
This tool crops only rectangles. For circular crops (profile pictures, logos), crop to a square first, then use a separate image editor to apply circular masks. Most social platforms automatically display square images as circles on profiles.
Why is my download button disabled?
The download button enables only after you have cropped an image. If it stays disabled, ensure you have: (1) uploaded an image, (2) drawn or adjusted a crop box, and (3) the cropped preview appears below. Refresh the page and try again if issues persist.
What file formats can I upload?
The tool accepts all common image formats: JPG, JPEG, PNG, GIF, BMP, and WebP. Raw camera files (CR2, NEF, ARW) are not supported – convert them to JPEG or PNG first.
Can I batch crop multiple images?
This tool processes one image at a time. For batch cropping, consider bulk image processing software. Toolraxy offers separate batch resizing tools for multiple images.
