ClarityHow to use Crop Image
- Choose a supported file using the file picker or drag and drop.
- Set left offset (pixels), top offset (pixels), crop width (pixels), crop height (pixels), output format.
- Select Process, review the result, and download it.
Input reference and sample values
Use the units and choices shown for each field. Sample values are provided for practice, not as recommendations.
| Input | Format and units | Sample |
|---|---|---|
| Left offset (pixels) | Numeric value. Zero or positive. Maximum: 6000. | 0 |
| Top offset (pixels) | Numeric value. Zero or positive. Maximum: 6000. | 0 |
| Crop width (pixels) | Numeric value. Minimum: 1. Maximum: 6000. | 200 |
| Crop height (pixels) | Numeric value. Minimum: 1. Maximum: 6000. | 200 |
| Output format | Choose PNG — lossless / JPEG — smaller photos / WebP — modern browsers. | PNG — lossless |
Check your output before using it
- Offsets start at the top-left; confirm the requested rectangle stays inside the image.
- Check that important content is not cut off at the edges.
The method, explained
Offsets are measured from the top-left corner. The crop must fit within the source image.
Crop a 200 × 200 area starting at x=100, y=50 to create a square detail.
What to keep in mind
JPG, PNG and WebP inputs only, up to 20 MB total and 24 million decoded pixels per image. Animated files are treated as still images. JPEG uses a white background for transparency. Output size may increase; review the preview and size.
Common questions
Are my files uploaded?
No. This tool processes files in your browser. Files are not sent to ClarityKit or an external API. Reset the tool or close the tab to release the working files.
What should I do if processing fails?
Check the supported formats and limits above. Try a smaller, unencrypted file and keep the tab open until the result is ready.
Built and checked by ClarityKit. File privacy · Open-source notices