MB Networks
IMG-03 · Crop
Crop an image
Drag the selection to crop any region, or snap to a common ratio. Nothing leaves your device.
Image
Could not read that file as an image.
Free-form crop vs. fixed ratios
Dragging a free-form selection gives you exact pixel control but no consistency across multiple images; snapping to a fixed ratio (1:1, 16:9, 4:3) guarantees every cropped image comes out the same shape, which matters for anything going into a grid, a carousel, or a set of thumbnails where mismatched aspect ratios look visibly inconsistent.
Common target ratios and where they're used
1:1 (square) is the standard for most social profile avatars and product thumbnails; 16:9 matches video thumbnails and most modern displays; 4:3 is the older standard still used for some print and presentation formats. Picking the ratio that matches where the image is actually going, before cropping, avoids a second re-crop later.
Why would I use a fixed ratio instead of just dragging a free-form crop?
Consistency — a fixed ratio guarantees every image you crop comes out the exact same shape, which matters the moment images go into a grid, gallery, or thumbnail set where mismatched aspect ratios look visibly uneven. Free-form crop is fine for a single one-off image.
Does cropping reduce image quality?
No — crop only removes pixels outside the selection, it doesn't re-compress or resample the pixels you keep. The remaining image retains its original quality (resizing afterward is a separate operation with its own quality considerations).
What resolution will my cropped image be?
Exactly the pixel dimensions of your selection box, at the original image's resolution — cropping doesn't change pixel density, only which pixels are kept. If you need a specific output resolution, resize after cropping.
Related tools
Image
Round Image Corners
Round the corners of any image by a pixel radius, with a transparent background outside. Runs entirely in your browser — nothing is uploaded.
Open →Image
Image to Base64
Convert any image to a Base64 data URI for embedding directly in CSS or HTML. Runs entirely in your browser — nothing is uploaded.
Open →Image
Compress Image
Shrink an image's file size with a live quality slider. See the output size update as you drag. Runs entirely in your browser — nothing is uploaded.
Open →Image
Add Padding to an Image
Add padding around any image — PNG, JPEG, GIF, WEBP, BMP, SVG. Choose the amount, color (including transparent), and output format. Runs entirely in your browser.
Open →Image
Resize Image
Resize any image by exact pixels or percentage, with optional aspect-ratio lock. Runs entirely in your browser — nothing is uploaded.
Open →Image
Rotate & Flip Image
Rotate any image in 90° steps or by any angle, and mirror it horizontally or vertically. Runs entirely in your browser — nothing is uploaded.
Open →All processing runs locally in your browser · No image is ever uploaded