Image Crop Tool Guide

Quick answer

Select an image, choose a crop area or aspect ratio, keep the important subject in frame, and export the cropped image before resizing or compressing.

What this tool does

The Image Crop Tool lets you frame part of an image for thumbnails, docs screenshots, social previews, product cards, and other fixed-ratio assets.

Supported input

• Browser-decodable images such as PNG, JPEG, and WebP
• Screenshots, product photos, social assets, and documentation images
• Images that fit within browser memory

Output

• Cropped image file
• Selected region only
• Export suitable for follow-up resizing, compression, or format conversion

Step-by-step use

1. Select an image.
2. Choose the target aspect ratio or freeform crop.
3. Position the crop around the main subject.
4. Leave enough context around UI, logos, or text.
5. Export the cropped image.
6. Resize or compress the result if the destination requires it.

Practical workflow

Crop before resizing when the destination has a fixed shape, such as a thumbnail, OG image, product card, or social preview. Keep important text and UI away from the edge, then resize and compress the cropped output. Use the Media Publishing Workflow when the same asset also needs metadata review, format conversion, or a matching video thumbnail.

Data handling and processing behavior

Processing is handled in the browser for this tool based on the current public implementation. Avoid entering sensitive images unless you have reviewed the implementation.

Limits

• Very large images can slow mobile browsers.
• Canvas export can change metadata, color profile details, or EXIF information.
• Cropping removes pixels; it cannot restore detail later.
• Exact platform previews may still need final verification in that platform.

Practical handoff note

For crop handoff, keep original dimensions, target aspect ratio, crop area, and publishing surface together. A crop can be mathematically correct while cutting off faces, UI labels, or product details. Preview the result at the final display size before exporting or compressing it.

Common errors

The subject is cut off

Move the crop area outward or use a wider ratio before export.

The output looks stretched

Use cropping for fixed ratios instead of forcing width and height independently.

The file is still large

Use Image Compressor after the crop is correct.

Next steps

• Image Crop Tool — open the tool
• Media Publishing Workflow — combine crop, resize, format, compression, and thumbnail checks
• Image cropping workflow guide — choose ratio and framing
• Aspect Ratio Calculator — compare source and target proportions
• Image Resizer — set final pixel dimensions
• Image Compressor — reduce file size after framing is correct