IT Market
Tools/Images/Crop a Photo to Exact Pixel Dimensions Online
READY > SYSTEM READY
CROP
IMAGE

ЗАГРУЗИТЬ
ФАЙЛ

Ожидание файла...

Превью

Загрузите изображение, чтобы начать.

Tool guide

Crop a Photo to Exact Pixel Dimensions Online

A square avatar, a catalogue thumbnail, a slice of a screenshot for a how-to — none of these need editing, only an accurate frame. You get two ways to set one: drag it with a mouse or a finger straight on the image, or type the numbers into the Width px and Height px fields. Center crop snaps the frame to the middle of the shot. The result saves as PNG with no second round of compression, and the source never leaves your device. See also: set an exact width and height afterwards, straighten the rotation or mirror the frame, compress the finished crop before upload.

How to use it

  1. Drop a file into the UPLOAD FILE area — any raster format the browser can decode is fine.
  2. Under Crop shape pick Square to lock the frame to a 1:1 box, or Rectangle to size width and height separately.
  3. Type exact numbers into Width px and Height px, or drag the Width size and Height size sliders; the frame itself moves by mouse or touch.
  4. The Quick size presets — Small, Medium and Max — resize the frame instantly, and Center crop aligns it to the middle of the image.
  5. Press Download crop to save the selection as a PNG; Reset puts the frame back to its starting state.

FAQ

How do I crop a photo to a perfect square for an avatar?

Switch Crop shape to Square so width and height move together and the frame cannot skew. Then set the side in Width px — 512 suits most social profiles, 400 is enough for a messenger picture. Drag the frame until the face sits inside it and press Download crop.

How large a region can I select?

The Width size and Height size sliders stop at 512, so you cannot drag past that. The numeric Width px and Height px fields accept larger values, and the Max preset opens the frame to the edges of the image. For a full-frame crop, Max is more reliable than typing values by hand.

Does cropping reduce image quality?

No — the selected region is copied pixel for pixel and written out as PNG, a lossless format, so there is no second compression pass. The trade-off is weight: a crop from a JPEG photo can end up larger than the original. Run it through an image compressor afterwards if size matters.

Why does it always download a PNG rather than a JPG?

The export is hard-wired to PNG; there is no format picker on the page. For screenshots, logos and UI graphics that is a benefit — no artefacts and crisp text edges. For a photo headed to a size-capped upload, PNG is wasteful: crop here, then convert to JPEG or WebP with the compression tool.

Does this work on a phone?

Yes, the frame responds to touch — drag it with a finger to reposition. On a small screen it is easier to type dimensions into Width px and Height px than to fight the sliders, and Center crop saves time by snapping the frame to the middle with no manual adjustment.

Can I crop several images one after another?

One at a time: load, crop, download, then drop in the next file. The frame values stay put between images, so a run of same-size thumbnails goes quickly. Reset is there for when the aspect ratio changes and you want the frame back to its starting state.

Is the image sent to a server while cropping?

No. The file is read by the page's own code and drawn onto a canvas inside your tab; no request carries the picture anywhere. You can see it in practice — once the page has loaded, cropping keeps working with the network off, because all the code is already in the browser.

Examples

Square avatar from a landscape shot
Before: photo.jpg at 1920×1080 with the face off to the right of centre
After: Crop shape Square, a 512×512 frame dragged over the face → avatar.png at 512×512
Screenshot detail for a how-to
Before: screenshot.png at 2560×1440 where only the settings panel matters
After: Rectangle with Width px 480 and Height px 320 → crop.png at 480×320, rest of the UI gone