{{ summaryTitle }}
{{ summaryValue }}
{{ summaryLine }}
{{ resolvedFormatLabel }} {{ cropDimensionsLabel }} {{ scaleBadgeLabel }}
Drop, paste, browse, or load the safe sample. This is a single-image workflow.
{{ sourceDropTitle }} {{ sourceDropLine }}

{{ sourceStatus }}

Choose a social, thumbnail, avatar, icon, or Open Graph starting point.
Lock the crop shape without stretching the exported pixels.
The pair controls crop shape only; output pixels are set separately.
:
PNG keeps transparency; JPEG and WebP flatten transparent pixels onto the selected matte.
Match the destination background to avoid light or dark halos.
Use 0 × 0 for native crop pixels or enter a destination pixel pair.
px
{{ qualityPercent }}%
Use 80–92 for most photos and inspect hard edges or text before delivery.
Crop frame:
Frame the subject, then use the exact rectangle and transform controls for precise handoff.
Source image in adjustable crop frame
px
px
px
px

Transforms stay browser-local and invalidate the previous output until you crop again.

Each nudge moves {{ normalizedNudge }} source pixels.

Leave at 0 to keep the quality-slider result unchanged.
KB
Use a smaller step for face, logo, or text alignment.
source px
Cropped image output preview
MeasureValueReview noteCopy
{{ row.label }}{{ row.value }}{{ row.note }}

{{ tableExportAnnouncement }}

{{ item.title }}{{ item.status }}

{{ item.detail }}

{{ chartExportAnnouncement }}

Passport Photo Preparer Crop a local portrait to current U.S. or UK paper-passport dimensions, check manual head size, and prepare a 300 ppi JPEG or print sheet.
Image Compressor Compress one image locally in your browser, compare size and visual quality, then download a resized or reformatted copy with metadata controls.
Image Format Converter Convert one image locally with format, resize, crop, quality, and transparency controls while checking the actual output and byte size.
Image Resizer Resize one image locally, compare fit or crop geometry, and tune format quality against a file-size target before downloading.

A finished image has to satisfy two separate choices: which part of the source remains and how that selected area is delivered. The crop rectangle controls composition. Output dimensions, format, transparency, and encoding quality control the downloaded file.

Aspect ratio describes shape as width divided by height. A square is 1:1, a widescreen frame is 16:9, and a portrait frame has a smaller width-to-height ratio. Locking a ratio keeps the crop shape consistent while the frame moves across the source. It does not guarantee enough pixels for the requested output.

Pixel supply is the practical limit. Exporting a 600-pixel-wide crop at 1,200 pixels doubles its width but cannot recover missing detail. Text, faces, logos, and hard edges may look soft after that enlargement. Reducing dimensions usually removes detail more gracefully, although aggressive compression can still introduce ringing, blockiness, or blurred edges.

PNG
Keeps transparency and crisp edges, but the quality and target-size controls do not apply to its lossless path.
JPEG
Fits photographic delivery with broad compatibility; transparent pixels must be filled with a matte color.
WebP
Offers a modern lossy option, although browser encoding and destination support can vary.

How to Use This Tool:

Choose the destination shape and pixel size before fine-tuning the frame so composition and delivery are reviewed together.

  1. Drop, paste, or browse one image under Source image. The source must be readable by the browser, no larger than 50 MiB, no more than 12,000 pixels on either side, and no more than 64 megapixels.
  2. Select a Crop preset or set the Aspect ratio. A preset supplies both a starting shape and output dimensions; a custom ratio changes the shape only.
  3. Position the Crop frame by dragging it or entering X, Y, width, and height in source pixels. Rotate, flip, zoom, center, or nudge when those actions help align the subject.
  4. Choose the output format and pixels. Leave both output sides at zero for native crop dimensions, or leave one side at zero to derive it from the crop ratio. For JPEG or WebP, set quality and a matte color for transparent source pixels.
  5. Select Crop and export, then inspect Cropped image and Delivery checks. Reframe or lower the requested dimensions if the native-pixel check warns about upscaling.

Interpreting Results:

Start with the output preview, then verify the crop rectangle, output dimensions, format, and byte size in the ledger. Native pixel fit warns when either output side exceeds the corresponding crop side. The warning does not predict how objectionable softness will be, so inspect the downloaded image at its intended display size.

A met file budget means the encoded file is at or below the requested byte limit. It does not mean the image has acceptable visual quality. A missed budget means the bounded quality search could not reach the limit; PNG reports the budget as ignored because this path does not use lossy quality search.

Technical Details:

The crop rectangle is expressed in decoded source pixels as X, Y, width, and height. It must stay entirely inside the source bitmap. The output canvas then draws that rectangle at the resolved output width and height using high-quality image smoothing before the browser encodes it.

Formula Core:

Crop coverage compares selected pixels with the entire decoded source.

A=Wc×HcWs×Hs×100%

Horizontal and vertical scale compare output dimensions with the crop dimensions. Upscaling is reported when either ratio is greater than 1.

Sx=WoWc,Sy=HoHc

Byte change is positive when the output is smaller than the source and negative when it is larger.

B=1−bobs×100%

Transformation Core:

Output dimensions follow a fixed rule. Two positive requested sides define an exact canvas. One positive side derives the other from the crop ratio and rounds it to the nearest pixel. Two zeros keep the crop's native pixel dimensions. The canvas may contain no more than 64 megapixels.

JPEG and WebP target budgets use nine bounded quality attempts between quality 0.2 and the selected quality. The best candidate at or below the requested number of kibibytes is kept; if no candidate qualifies, encoding falls back to quality 0.2. Because browsers interpret quality settings and image content differently, the search is best effort rather than an exact-size guarantee.

Privacy and Accuracy Notes:

Image decoding, framing, canvas rendering, encoding, preview, and download happen in the browser tab. The source is not uploaded by this workflow.

  • Browser decoders decide which image formats and color profiles can be read.
  • JPEG and WebP flatten transparent pixels onto the selected matte; a mismatched matte can leave light or dark halos.
  • Quality percentages are encoder hints, so the same setting can produce different bytes or artifacts across browsers.
  • Both positive output sides force an exact canvas. Keep their ratio aligned with the crop when geometric distortion is unacceptable.

Worked Examples:

Open Graph crop without stretching

Select a 1200 × 630 region from a larger source, enter 600 for output width, and leave output height at zero. The height resolves to 315 pixels, so horizontal and vertical scale are both 0.5. The output keeps the crop ratio and avoids upscaling; visual review then focuses on compression, text edges, and the final file budget.

References: