Image Cropper

More Image Tools Tools

Image Resizer

Resize any image to an exact width and height in your browser — optional aspect-ratio lock, PNG/JPEG/WebP output, nothing uploaded.

IC

Image Compressor

Shrink an image's file size by re-encoding it at a chosen quality level — live before/after size comparison, JPEG/WebP/PNG output, done locally.

IF

Image Flip & Rotate

Flip an image horizontally or vertically and rotate it by any angle — quick 90/180/270° buttons or a free-angle slider, corners never clipped.

IT

Image to Base64

Convert an image into a Base64-encoded string — full data URI or raw Base64, character count, one-click copy, all done locally.

BT

Base64 to Image

Paste a Base64 string or data URI and preview the decoded image instantly — auto-trims whitespace, lets you pick the assumed format, download in one click.

PI

Placeholder Image Generator

Generate a simple placeholder image for wireframes and mockups — custom size, colors and text, auto-sized to fit, PNG/JPEG/WebP output.

IF

Image Format Converter

Convert an image between PNG, JPEG, WebP and BMP entirely in your browser — no upload, instant preview, adjustable quality.

FG

Favicon Generator

Turn any image into a complete favicon package — six PNG sizes plus a combined multi-resolution .ico file, generated locally in your browser.

AA

ASCII Art Generator

Turn a photo into text-based ASCII art, or type a short message as a large block-letter banner — both rendered entirely in your browser.

QC

QR Code Generator

Generate a real, scannable QR code from text, a URL, Wi-Fi details, an email address or a phone number — encoded entirely in your browser, no external API.

How to Use Image Cropper

Choose an image file, then drag directly on the preview to draw a selection rectangle around the part you want to keep. Adjust the selection by drawing a new one at any time. Click "Crop & Download" to save just the selected area as a new PNG file, or "Reset Selection" to start over on the same image.

About Image Cropper

Cropping is the simplest possible image edit — keep one rectangular region, discard the rest — but it's also one of the most common, because so many everyday tasks need an image trimmed to a specific area: cutting a screenshot down to just the relevant part, removing a distracting background edge from a photo, pulling a single face or object out of a group shot, or squaring off a rectangular photo for a profile picture slot that only accepts square images. A browser-based cropper has a real practical advantage over a desktop image editor for this specific task: there's no software to install, no account to create, and no file to upload to a third-party server before you can even see a preview. Everything here — reading the file, drawing the canvas, tracking your selection, and producing the final cropped file — runs as JavaScript directly on your device using the HTML5 Canvas API, a standard part of every modern browser built exactly for pixel-level image manipulation like this. Your image is never transmitted anywhere, which matters if the picture is personal, unpublished, or simply not something you want passing through someone else's server just to trim its edges. The interaction model is deliberately direct: draw a rectangle on top of the image by clicking (or tapping, on a touchscreen) and dragging, and that rectangle is exactly what gets kept. There's no separate "confirm crop area" dialog or numeric coordinate entry — what you see highlighted is what you get, which keeps the tool fast for the common case of "I can see the part I want, let me just drag over it" rather than requiring precise pixel coordinates to be typed in. Because the crop happens on the actual pixel data of the loaded image (not a screenshot of the page), the output file is a clean, full-quality PNG of just the selected region, at the same resolution the image was originally displayed at in the tool — there's no compression artifact or quality loss introduced by the cropping step itself beyond whatever the display scaling involves for very large source images.

Details & Tips

How the crop works technically: when you choose a file, it's read via the browser's `FileReader` API and drawn onto an internal `<canvas>` element, scaled down if necessary so it displays at a reasonable size on screen (very large source images are shown at a reduced preview width, but the underlying pixel data drawn to that canvas is what gets cropped from — so precision matches what you see). As you drag on the image, the tool tracks your start point and current pointer position and calculates a selection rectangle from the two corners, updating live so you always see exactly what will be kept, no matter which direction you drag from. When you click "Crop & Download", a second, separate canvas is created at exactly the width and height of your selection, and the corresponding pixel region is copied over from the original canvas using `drawImage()` with source-rectangle parameters — the same technique used internally by every canvas-based cropping tool. That new, smaller canvas is then exported as a PNG file via `toBlob()` and downloaded automatically as `cropped-image.png`. Selections smaller than a few pixels in either dimension are ignored (treated as an accidental click rather than an intended selection), so a stray tap doesn't produce a 1-pixel-wide unusable crop. "Reset Selection" simply clears the current rectangle without reloading the image, so you can try a different crop area on the same photo without re-choosing the file. Worked example: loading a 1600×1200 landscape photo and dragging a selection roughly over the left third of the frame produces a cropped PNG at approximately 530×1200 pixels (whatever the exact pixel dimensions of your drawn rectangle were) — the output always matches your drawn selection exactly, not a fixed preset size.

Frequently Asked Questions

Is my image uploaded to a server when I use this cropper?

No. The image is read and processed entirely in your browser using the HTML5 Canvas API — it is never transmitted, logged, or stored anywhere, and it disappears completely if you refresh or close the page.

How do I select the area to crop?

Click and drag directly on the image preview to draw a rectangle. Whatever is inside that rectangle is what gets kept when you click "Crop & Download" — you can draw a new selection at any time to replace the current one.

What file format is the cropped result?

The cropped image downloads as a PNG file, which preserves full quality with no additional compression artifacts introduced by the crop itself.

Can I crop to an exact pixel size or fixed aspect ratio?

Not directly — the selection is a free-form drag rectangle rather than a locked aspect ratio or numeric input. The output dimensions exactly match whatever rectangle you draw.

Why did my small drag not create a selection?

Selections a few pixels or smaller in either dimension are ignored, since these are usually an accidental click or tap rather than an intended crop area. Draw a slightly larger rectangle to create a usable selection.

Can I crop the same image more than once?

Yes — click "Reset Selection" to clear your current rectangle and draw a new one on the same loaded image, without needing to re-choose the file.

What image formats can I upload?

Any standard image file your browser can display — PNG, JPEG, WebP, GIF, BMP and most others. The file input only accepts image files.

Does cropping reduce the image quality?

No quality is lost from the crop operation itself. The kept region is copied pixel-for-pixel from the original onto the new canvas before being exported as PNG.

Does this work on mobile, with touch instead of a mouse?

Yes — the selection is built using Pointer Events, which support touch, mouse and stylus input the same way, so dragging with a finger on a touchscreen works identically to dragging with a mouse.

Is there a limit to how large an image I can crop?

Very large images are automatically displayed at a reduced preview width for usability, but there is no hard file-size limit enforced by the tool itself — extremely large images may simply take a moment longer to load and process in your browser.