Image Cropper
Crop, rotate and flip an image to the exact size you need.
Crop area
Drag inside the box to move it. Drag a handle to resize it.
Keyboard: use the arrow keys to move the crop area. Hold Shift to move 10 pixels.
Your cropped image is ready
Images are processed entirely in your browser and are not uploaded by this tool. Cropping an animated GIF produces a still image from its displayed frame.
The Image Cropper removes unwanted edges and reframes JPG, PNG or WebP images for profiles, banners, products and posts. Use a free crop, lock an aspect ratio, enter exact dimensions, rotate or flip, then preview the exported composition.
Start with the destination frame
A square avatar, 16:9 thumbnail and vertical story require different compositions. Choose the aspect ratio before carefully positioning the crop so later resizing does not cut off a face, logo or product.
If a platform publishes an exact pixel requirement, enter it. Otherwise preserve enough resolution for the largest expected display and create smaller versions afterward.
Aspect ratio is shape, dimensions are resolution
An image can be 1200×675 or 1920×1080 and still have the same 16:9 ratio. Aspect ratio controls the frame’s proportions; pixel dimensions control how many samples the exported file contains.
Cropping changes the selected area. Resizing changes its pixel dimensions. Using both deliberately prevents accidental stretching.
Protect the subject while tightening composition
Place eyes near a natural focal line in portraits and leave breathing room around logos or products. Consider where captions, buttons or profile masks will overlap. A circular avatar preview can reveal corners that a square preview hides.
Rotate before drawing a precise crop
Straighten horizons and correct orientation first because rotation changes the available rectangular area. Flipping can alter the meaning of text, asymmetric logos and directional subjects, so inspect the final preview carefully.
Upscaling cannot restore missing detail
If a small crop is exported at much larger dimensions, interpolation creates new pixels but not new source detail. Start from the highest-quality original available and avoid repeated lossy exports.
Choose an output format for the content
JPEG is efficient for photographs but does not preserve transparency. PNG is useful for sharp graphics and transparent backgrounds. WebP can provide strong compression for many web images. Compare the preview and file size rather than selecting only by extension.
Keep text and logos sharp enough at the final display size. Excessive JPEG compression can create halos around hard edges, while a very large PNG may be unnecessary for a photographic crop. Export one test and inspect it at 100% before processing a group of images.
Plan responsive crops as a family
A single centered crop may not serve desktop banners, mobile cards and square previews equally well. Export separate compositions when the focal point needs to move. Keep subject placement consistent enough to preserve recognition while allowing each frame to use its space well.
Name exports with purpose and dimensions, such as product-hero-1600×900.webp and product-card-800×800.webp. Clear names reduce accidental reuse of a low-resolution thumbnail in a large slot and make later replacements easier.
A practical social-thumbnail workflow
- Open the original, not a previously compressed copy.
- Select the platform’s aspect ratio.
- Position the subject with room for interface overlays.
- Set export dimensions.
- Preview at both full size and thumbnail size.
- Download with a descriptive filename.
Crop mistakes that are hard to undo
- Overwriting the only original file
- Choosing dimensions without choosing the ratio
- Cutting too close to a face or text
- Upscaling a tiny selected area
- Exporting transparency to JPEG
Finish colors and site assets
After cropping, sample a palette with the Image Color Picker or turn a square brand mark into icons with the Favicon Generator.
Image Cropper FAQ
Does cropping reduce image quality?
It removes pixels outside the selected area. Quality loss depends mainly on remaining resolution and export compression.
Can I make a portrait image square?
Yes, but part of the top/bottom or sides must be removed unless empty padding is added by another editor.
Which format keeps transparency?
PNG and WebP can preserve transparency; JPEG cannot.
MDN’s image format guide compares JPEG, PNG, WebP and other web formats.
