How do I crop an image to exact dimensions?

Switch to Crop mode, type your target crop width and height, then either drag the crop box directly on the preview or use a position preset (Center, Top Left, etc.) or exact X/Y pixel offsets to place it precisely.

Can I drag the crop box to reposition it after setting dimensions?

Yes. Once a crop box exists, click and drag inside it to move it anywhere on the image, or drag any of the eight handles around its edge to resize it. Both the crop box and the result preview update live as you drag.

Will resizing stretch or distort my photo?

Not with aspect ratio lock enabled, which is the default. Changing the width recalculates the height (and vice versa) to preserve the original proportions. You can turn the lock off if you deliberately need a non-proportional stretch, but the tool warns you when it is off.

What is the actual difference between resizing and cropping?

Resizing scales the entire image up or down — every pixel is still there, just at a different size. Cropping removes part of the image entirely and keeps the rest at its original resolution (unless you resize the crop afterward). Use resize to make a photo smaller overall; use crop to cut out one region of it.

What image dimensions do social media platforms actually need?

This varies by platform and post type — square feed posts are commonly 1080×1080, vertical stories and reels tend to be 1080×1920, and cover or banner images are wider, often around 1500×500 to 1600×400 depending on the network. Because requirements change over time, it is worth checking the platform's current help page before a big campaign, then using this tool to hit that exact number.

What DPI should I use for print versus screen?

Screens typically display at 72–96 DPI, so a 1200-pixel-wide image already looks sharp on a monitor. Print generally needs about 300 DPI, meaning a 4×6 inch photo print needs roughly 1200×1800 pixels to look crisp, not blurry. If you only know the print size you need, multiply the inches by 300 to get the pixel dimensions to enter here.

Does resizing an image down and then back up lose quality?

Yes — shrinking an image discards pixel detail permanently, and enlarging it afterward just stretches the remaining pixels rather than inventing missing detail, which produces visible softness or blockiness. Always resize from your original, highest-resolution source file rather than from an already-shrunk copy.

Can I resize or crop several images at once with the same settings?

Yes. Upload multiple files, set your resize or crop parameters once, and every image in the batch is processed identically. The results download together as a single ZIP file instead of one download per image.

Is there a maximum image size or a limit on how many I can process?

There is no server-side limit since nothing is uploaded — everything runs in your browser's memory. Extremely large images (50+ megapixels) or very large batches can slow down on lower-memory devices, but typical camera and phone photos process instantly.

What output format should I pick — JPG, PNG, or WebP?

JPG suits photographs where small file size matters more than perfect edges. PNG is the right choice when you need transparency or crisp text/line art with no compression artifacts. WebP generally gives the best size-to-quality ratio for modern web use but has slightly less universal support in older software. If you are not sure, keeping the original format is a safe default.

Resize Image to Any Dimension — Reduce Width, Height or File Size

FREE

Loading…

Go Pro ↑

Drop images here or browse

JPG · PNG · WebP · GIF · BMP — multiple files OK

Operation

Width (px)

Height (px)

Output format

Your files never leave your device. All processing happens locally in your browser — nothing is uploaded to our servers.Files are never stored on our servers · No tracking of your file contentsPrivacy Policy

What is Resize & Crop Image?

Resize & Crop Image changes an image's pixel dimensions or cuts out a specific region, without the stretching, squashing, or awkward re-cropping that happens when you resize carelessly in a generic photo app. You can work in exact pixels, as a percentage of the original, or by dragging a visual crop box directly over the photo — whichever matches the problem you actually have. Aspect ratio lock is on by default, so typing a new width automatically recalculates the height to match the original proportions instead of distorting faces, logos, or straight lines.

The crop tool renders a fully interactive box on top of your image: drag it to reposition, grab any of the eight handles to resize from a corner or an edge, or skip the dragging entirely and use a position preset (Center, Top Left, Top Right, Bottom Left, Bottom Right) or type exact X/Y pixel offsets. A rule-of-thirds grid overlays the crop box while you work, which is the same compositional guide photographers and designers use to decide where the subject should sit in the frame rather than dead-center by default.

Everything happens in HTML Canvas inside your browser tab — there is no upload step, no processing queue, and no server round-trip. That matters for two practical reasons: it is instant even on a slow connection, and it keeps personal or work-in-progress images (screenshots with sensitive text, unreleased product photos, ID scans) off third-party infrastructure entirely. The tool accepts JPG, PNG, WebP, GIF, and BMP, and you can convert the output format independently of the input — resize a PNG and export it as a compressed JPEG, for instance, or upscale a JPEG and keep it lossless as PNG.

How It Works

Upload one or more images, then pick one of three modes. "Resize (px)" sets an exact target width and height, with the aspect-ratio lock recalculating the other dimension automatically whenever you edit one field. "Resize (%)" scales everything relative to the original size — 50% halves both dimensions, 200% doubles them — which is the fastest way to shrink a batch of photos by a consistent amount without doing pixel math. "Crop" shows a draggable, resizable box over a live preview of the image; the result panel below it updates in real time so you always see the exact pixels that will end up in the final file before you commit. Once the settings look right, choose an output format (or keep the original) and, for JPG or WebP, a quality percentage, then click the action button. For a single image the file downloads immediately; for multiple images, everything is packaged into one ZIP.

How to Use

Upload your image or images

Drag and drop files onto the upload area, or click to browse. JPG, PNG, WebP, GIF, and BMP are all supported, and you can queue up several files for batch processing in one pass.

Pick Resize (px), Resize (%), or Crop

Use pixel resizing when a destination requires an exact size (a banner spec, a form field), percentage resizing to scale everything proportionally, or Crop when you need to remove part of the frame rather than shrink the whole thing.

Set your target values

For resizing, type a width or height — the locked aspect ratio fills in the other automatically. For cropping, either drag the box on the live preview, click a position preset, or type exact width, height, and X/Y offset values.

Check the live preview

The preview canvas shows precisely what will be exported, including the final pixel dimensions printed above it, so there are no surprises after download.

Choose an output format and quality

Keep the original format, or convert to JPG, PNG, or WebP. For JPG and WebP, the quality slider trades file size against visual fidelity — lower it for web thumbnails, raise it for anything that will be printed or zoomed into.

Download your result

A single image downloads directly; multiple images are bundled into a ZIP. Nothing is uploaded at any point — the whole operation runs in this browser tab.

Who Uses This Tool

🌐

Web Development

Match the exact pixel dimensions a template, hero banner, or ad unit calls for, and shrink oversized source photos so pages load faster without visibly losing quality.

📱

Social Media Posting

Hit the specific aspect ratios each platform expects — square posts, vertical stories, wide cover photos — instead of letting the platform auto-crop your image in a way you did not choose.

🖨️

Print Preparation

Work out the pixel dimensions a print shop needs at 300 DPI for flyers, posters, and business cards, and crop to the exact bleed area before sending the file off.

📧

Email & File Size Limits

Bring a multi-megabyte camera photo down to a size that clears an email attachment cap or a form upload limit, without manually recalculating dimensions.

🎨

Design & Content Creation

Pull one clean rectangular region out of a larger photo — a background plate, a texture, an isolated subject — for use as a standalone asset in another project.

🛒

E-Commerce Listings

Standardize product photography to the square or rectangular format required by Shopify, Amazon, or Etsy so a storefront grid looks consistent instead of mismatched.

Why Choose This Tool

Drag-to-Crop With a Live Result Preview

The crop box is genuinely interactive — drag it, resize it from any handle, and watch a second canvas show exactly what the exported crop will look like before you download anything.

Aspect Ratio Lock Prevents Accidental Distortion

Typing a new width recalculates height automatically by default, so photos of people, logos, and straight architectural lines do not come out looking stretched or squashed.

Three Resize Modes in One Tool

Exact pixels for spec-driven work, percentage scaling for quick proportional shrinking, and drag-based cropping for removing unwanted parts of the frame — you are not stuck picking one workflow.

Nothing Leaves Your Browser

Resizing and cropping run on HTML Canvas locally. There is no upload step, so screenshots, ID photos, or unreleased product shots never touch a server.

Format Conversion on the Way Out

Resize and change format in the same step — shrink a PNG and export as a smaller JPEG, or keep a JPEG lossless by converting it to PNG.

Batch Support

Queue multiple images and apply identical resize or crop settings across all of them, then download the whole batch as a single ZIP file instead of repeating the process one image at a time.

Key Benefits

Resize by exact pixels or by percentage, with aspect ratio lock to prevent distortion

Drag-to-crop visual editor with a live result preview and rule-of-thirds guide

Eight resize handles on the crop box for precise corner and edge adjustments

Five crop position presets plus exact X/Y pixel offset entry for pixel-perfect placement

Batch-resize or batch-crop multiple images in one pass, downloaded as a ZIP

Convert output format to JPG, PNG, or WebP independently of the input format

Adjustable JPG/WebP quality slider to balance file size against sharpness

100% browser-based processing — no upload, no account, no file stored on a server

Works with JPG, PNG, WebP, GIF, and BMP source files

Frequently Asked Questions

Free Online Document Tools for Everyone

iLoveDocsTools is used by students, professionals, and businesses across the United States, Canada, United Kingdom, Australia, India, and more than 100 other countries. All tools are browser-based and process files privately — your files never leave your device. Free to use, with Pro plans for unlimited access.

Resize & Crop Image

What is Resize & Crop Image?

How It Works

How to Use

Who Uses This Tool

Why Choose This Tool

Key Benefits

Frequently Asked Questions

Related Tools

Free Online Document Tools for Everyone

No Upload Required

Free to Use — Pro Plans Available

Works on Any Device