stakritools
Developer
  • Base64 Encoder/Decoder
  • Color Picker & Converter
  • CSS Minifier
  • CSV to JSON Converter
  • Hash Generator
  • HTML Minifier
  • JS Minifier
  • JSON Formatter & Validator
  • JSON to CSV Converter
  • JWT Decoder
  • Markdown Editor
  • Password Generator
  • Regex Tester
  • SQL Formatter
  • Unix Timestamp Converter
  • URL Encoder/Decoder
  • UUID Generator
  • XML Formatter
  • YAML Formatter
View all
Image
  • Favicon Generator
  • Image Compressor
  • Image Cropper
  • Image Flipper
  • Image Resizer
  • Image Rotator
  • Image to Base64
  • JPG to PNG Converter
  • PNG to JPG Converter
  • QR Code Generator
  • SVG to PNG Converter
  • Watermark Image
  • WebP Converter
View all
SEO
  • FAQ Schema Generator
  • Meta Description Generator
  • Open Graph Generator
  • Robots.txt Generator
  • SEO Site Auditor
  • SERP Preview
  • Slug Generator
  • Twitter Card Generator
View all
Text
  • Case Converter
  • Find and Replace
  • Lorem Ipsum Generator
  • Random Text Generator
  • Remove Duplicate Lines
  • Remove Extra Spaces
  • Text Diff Checker
  • Word Counter
View all
Calculator
  • Age Calculator
  • BMI Calculator
  • Compound Interest Calculator
  • Date Difference Calculator
  • Discount Calculator
  • EMI Calculator
  • GST Calculator
  • Income Tax Calculator
  • Loan Calculator
  • Percentage Calculator
  • SIP Calculator
  • Tip Calculator
  • Unit Converter
View all
Blog
stakritools

205+ free, browser-based tools for developers, marketers, and creators — no sign-up, no clutter.

Developer Tools

  • Base64 Encoder/Decoder
  • Color Picker & Converter
  • CSS Minifier
  • CSV to JSON Converter
  • Hash Generator
  • HTML Minifier
  • JS Minifier
  • JSON Formatter & Validator
  • JSON to CSV Converter
  • JWT Decoder
  • Markdown Editor
  • Password Generator
  • Regex Tester
  • SQL Formatter
  • Unix Timestamp Converter
  • URL Encoder/Decoder
  • UUID Generator
  • XML Formatter
  • YAML Formatter

Image Tools

  • Favicon Generator
  • Image Compressor
  • Image Cropper
  • Image Flipper
  • Image Resizer
  • Image Rotator
  • Image to Base64
  • JPG to PNG Converter
  • PNG to JPG Converter
  • QR Code Generator
  • SVG to PNG Converter
  • Watermark Image
  • WebP Converter

SEO Tools

  • FAQ Schema Generator
  • Meta Description Generator
  • Open Graph Generator
  • Robots.txt Generator
  • SEO Site Auditor
  • SERP Preview
  • Slug Generator
  • Twitter Card Generator

Text Tools

  • Case Converter
  • Find and Replace
  • Lorem Ipsum Generator
  • Random Text Generator
  • Remove Duplicate Lines
  • Remove Extra Spaces
  • Text Diff Checker
  • Word Counter

Calculator Tools

  • Age Calculator
  • BMI Calculator
  • Compound Interest Calculator
  • Date Difference Calculator
  • Discount Calculator
  • EMI Calculator
  • GST Calculator
  • Income Tax Calculator
  • Loan Calculator
  • Percentage Calculator
  • SIP Calculator
  • Tip Calculator
  • Unit Converter

Company

  • Blog
  • About
  • Privacy Policy
  • Contact
© 2026 stakritools. All rights reserved.
  1. Home
  2. Image
  3. Image Cropper
Image

Image Cropper

Crop an image right in your browser by dragging a selection box, with Free, 1:1, 4:3, 16:9, and 3:2 aspect ratio presets. See the exact crop dimensions, preview the result live, and download the cropped image.

Try:

Drag and drop an image here, or click below to browse.

How To Use

  1. 1.Drag and drop an image onto the upload area, or click it to browse your files.
  2. 2.Drag the selection box directly on the image to choose the area you want to keep, or drag its edges and corners to resize it.
  3. 3.Pick an aspect ratio preset — Free, 1:1, 4:3, 16:9, or 3:2 — to constrain the selection box to that exact ratio while you drag.
  4. 4.The crop dimensions (width × height in pixels) and a live preview of the cropped result update automatically as you adjust the selection.
  5. 5.Download the cropped image once you're happy with the result.

Examples

Gradient photo sample
A generated landscape-oriented sample — try each aspect ratio preset on it.
Square sample
A generated square sample — useful for testing the 1:1 crop preset.
Transparent PNG sample
A generated PNG with real transparency, to confirm it survives cropping.

About Image Cropper

What Image Cropping Does

Cropping extracts a chosen rectangular region from an image and discards everything outside it, producing a new, smaller image containing only that selected area at its original resolution. It's one of the most fundamental image editing operations, used constantly to remove unwanted background or clutter, refocus attention on a specific subject, or reshape an image to fit a particular aspect ratio required by a specific platform or layout — a square profile picture, a widescreen banner, a portrait-oriented thumbnail. Unlike resizing (which changes an image's overall pixel dimensions by resampling) or compressing (which reduces file size by adjusting encoding quality), cropping changes only which part of the original image survives into the output, at full original fidelity.

How the Interactive Selection Box Works

This tool renders your uploaded image at whatever size fits comfortably on the page, with an adjustable selection box drawn directly on top of it. Dragging from inside the box moves it; dragging from an edge or corner handle resizes it, optionally constrained to a specific width-to-height ratio if you've chosen an aspect ratio preset other than Free. Behind the scenes, every position and size you see on screen is continuously translated into the equivalent coordinates on the image's original, full-resolution pixel grid — this is what makes it possible to display an accurate width × height figure in real pixels, and what makes the final cropped download reflect a true, full-quality extraction rather than a lower-resolution copy of whatever was merely visible on your screen.

Choosing the Right Aspect Ratio

An aspect ratio preset locks your selection box to a fixed width-to-height proportion while still letting you freely resize and reposition it — 1:1 keeps a perfect square at any size, 16:9 keeps the same widescreen proportion whether the selection is small or large, and so on. This matters because many platforms and layouts expect a specific, consistent aspect ratio (a square avatar, a widescreen video thumbnail, a specific banner shape), and manually eyeballing a freeform selection to match that exact ratio by hand is slow and error-prone. Free mode removes this constraint entirely for situations where you just want to trim an image down to an arbitrary shape without any proportional requirement.

Cropping vs. Resizing vs. Compressing

These three operations are often confused but do genuinely different things. Cropping changes which part of the original image is kept, without altering the pixel density or quality of whatever region survives. Resizing changes an image's overall pixel dimensions, resampling every pixel to fit a new width and height, which can affect sharpness depending on the direction of the resize. Compressing changes a file's storage size by adjusting how efficiently (and how losslessly) its pixel data is encoded, without changing its dimensions at all. A typical real workflow often uses all three in sequence — crop first to the desired framing and aspect ratio, resize next if a specific pixel size is required, then compress last to hit a target file size — and this tool intentionally handles only the first step, with dedicated Image Resizer and Image Compressor tools available for the other two.

Common Uses for Image Cropping

Cropping to a square is the most common preparation step for social media profile pictures and avatar-style images. Cropping to 16:9 is standard for video thumbnails, hero banners, and most modern widescreen display contexts. Cropping to 4:3 or 3:2 suits more traditional photo and print-oriented layouts. Beyond matching a specific required ratio, cropping is also simply one of the most effective ways to improve a photo's composition after the fact — removing distracting background clutter, tightening the frame around a subject, or straightening up an off-center original — all without needing any more sophisticated editing tool than a precise, well-controlled crop selection.

FAQs

No. Cropping happens entirely inside your browser using the HTML Canvas API — your image is decoded locally, and only the selected region is redrawn onto a canvas and exported, without any server-side component involved in processing it at any point. This means you can safely crop personal photos, unreleased graphics, or confidential screenshots without any of the image data ever leaving your device.

Choosing a preset like 1:1, 4:3, 16:9, or 3:2 locks the selection box's width-to-height proportions while you drag or resize it, so you can freely reposition and resize the box without accidentally distorting its shape — a 1:1 selection always stays a perfect square, a 16:9 selection always keeps that widescreen proportion, no matter how large or small you make it. Free mode removes this constraint entirely, letting you drag a selection box of any width and height independently.

1:1 (square) is the standard for most social media profile pictures and square post formats. 4:3 is a traditional photo and presentation slide proportion, still common for some print and display contexts. 16:9 is the standard widescreen ratio for video thumbnails, banners, and most modern displays. 3:2 is a classic photography ratio matching traditional 35mm film and many DSLR camera sensors, popular for print photos. If none of these match your specific target dimensions, use Free mode and rely on the live width × height display to hit an exact custom size instead.

The width and height shown reflect the actual pixel dimensions of your selection measured against the image's original, full resolution — not the size the image happens to be displayed at on your screen. Since large images are typically shown scaled down to fit the page, this tool automatically converts your on-screen selection box into the equivalent coordinates and size on the original, full-resolution image, so the dimensions you see (and the file you download) always reflect genuine pixel measurements from the source image, not the shrunken preview.

No — cropping doesn't resize or resample anything; it simply extracts the selected rectangular region from the original image at its full, original resolution, so a small selection from a large, sharp photo produces an equally sharp (just smaller) cropped image, with no quality loss from the cropping operation itself. If the cropped result later needs to be a different, specific pixel size, use a dedicated Image Resizer afterward — cropping and resizing are separate operations, and this tool only performs the former.

Yes — click and drag from inside the selection box (rather than from one of its edges or corner handles) to move the entire box around while keeping its current size and aspect ratio exactly the same. Drag from an edge or corner handle instead when you specifically want to resize the selection.

Switching presets resets the selection to a new, centered box matching the newly chosen ratio, sized to fit comfortably within the image — rather than trying to awkwardly reshape your existing selection to fit the new proportions, which could produce an unpredictable or oddly-positioned result. Simply re-drag or resize the fresh selection to the exact position and size you want under the new aspect ratio.

Yes — since the crop operation exports as a PNG regardless of your source format, any transparent areas within your selected crop region are preserved exactly in the output. If your original image was a JPG (which has no transparency support at all), the cropped PNG will simply be fully opaque wherever the source was, since there was no transparency information to begin with.

No — cropping only extracts the selected rectangular region at its original resolution; it doesn't resize, compress, or otherwise alter the pixel data within that region. If you also need to resize the cropped result to specific dimensions or shrink its file size, use the dedicated Image Resizer or Image Compressor tools afterward (see Related Tools below), since cropping, resizing, and compressing are three independent operations each handled by a tool built specifically for it.

There's no hard-coded limit in this tool, and the Canvas API handles reasonably large images efficiently in the browser. For an extremely large or high-resolution source image, you may notice a brief moment of reduced responsiveness while the canvas redraws the live preview during dragging — this is a normal, one-time cost tied to image size, not an ongoing performance issue.

Related Tools

Image Cropper handles selecting and extracting a region from an image. These related image tools cover other common image preparation tasks.

Image Resizer
ImageResize a cropped image to exact pixel dimensions with lockable aspect ratio.
Image Compressor
ImageShrink a cropped image's file size at your chosen quality level.
Favicon Generator
ImageGenerate every standard favicon size from a square-cropped logo or icon.
PNG to JPG Converter
ImageConvert a cropped PNG to JPG with a custom background color for transparent areas.