Learn when to use this tool, what it supports, and how real users apply it.
Key facts
Category
Design
Input types
file, select, number, checkbox
Output type
file
Sample coverage
4
API ready
Yes
Overview
Image Extract by Coordinates allows you to precisely crop specific regions from your images by defining exact X and Y positions along with width and height dimensions.
When to use
When you need to extract a specific UI element or icon from a larger screenshot.
When you must crop images to exact pixel dimensions for consistent design layouts.
When you need to isolate a specific area of an image using percentage-based positioning.
How it works
1Upload your image file in JPEG, PNG, WebP, or TIFF format.
2Select your preferred coordinate system, such as top-left origin or center-based offset.
3Input the X and Y coordinates along with the desired width and height for the extraction.
4Adjust output settings like format and quality, then process the image to download your cropped result.
Use cases
Isolating specific product details from high-resolution catalog photos.
Extracting consistent profile picture crops from larger group portraits.
Creating uniform thumbnails from screenshots for documentation or web assets.
Examples
1. Extracting a UI Component
UI Designer
Background
A designer has a full-screen application mockup and needs to extract a specific button component for a style guide.
Problem
Manual cropping is imprecise and often results in inconsistent padding.
How to use
Upload the mockup, select 'Top-Left' coordinate system, and input the exact pixel coordinates of the button.