Categories

← View All Tools

Image Extract by Coordinates

Extract a specific region from an image using precise X, Y coordinates and dimensions

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/tiff

Upload any image file (JPEG, PNG, WebP, TIFF) for coordinate-based extraction

Choose the coordinate system for specifying the region

X position. For center system: offset from center. For percentage: 0-100%

Y position. For center system: offset from center. For percentage: 0-100%

Width of region to extract. For percentage mode: 0-100%

Height of region to extract. For percentage mode: 0-100%

Automatically adjust region if it exceeds image boundaries

Choose output format or keep original

Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size

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

  • •Upload your image file in JPEG, PNG, WebP, or TIFF format.
  • •Select your preferred coordinate system, such as top-left origin or center-based offset.
  • •Input the X and Y coordinates along with the desired width and height for the extraction.
  • •Adjust 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.
Example Config
x: 150, y: 300, width: 200, height: 50, format: 'png'
Outcome
A perfectly cropped, high-quality PNG of the button component ready for the design system.

2. Center-Focus Crop

Content Creator
Background
A creator needs to extract a square thumbnail from the center of various landscape photos.
Problem
Standard cropping tools often miss the exact center point of the image.
How to Use
Upload the image, select 'Center' coordinate system, and set X and Y to 0 to target the middle.
Example Config
coordinateSystem: 'center', x: 0, y: 0, width: 500, height: 500, format: 'jpeg', quality: 95
Outcome
A perfectly centered 500x500 square thumbnail extracted from the original image.

Try with Samples

image, png, jpg
Web Image Processing Python Samples
Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
title token image
image
Windows Image Processing C++ Samples
Windows C++ image processing examples including reading/saving images, resizing, and format conversion using Windows Imaging Component (WIC)
title token image
image
Web Image Processing Rust Samples
Web Rust image processing examples including image read/save, scaling, and format conversion
title token image
image
macOS Image Processing Objective-C Samples
macOS Objective-C image processing examples including image reading/saving, image scaling, and format conversion
title token image
image

Related Hubs

Image Convert Tools
Explore 100 image tools for convert workflows and compare closely related utilities quickly.
Image Tools
Explore 40 image tools for utility workflows and compare closely related utilities quickly.
Json Convert Tools
Explore 100 json tools for convert workflows and compare closely related utilities quickly.
Audio Convert Tools
Explore 100 audio tools for convert workflows and compare closely related utilities quickly.

FAQ

What coordinate systems are supported?

You can use Top-Left (0,0 at the corner), Center (0,0 at the middle), or Percentage (0-100% of dimensions).

Can I change the file format during extraction?

Yes, you can choose to keep the original format or convert the output to JPEG, PNG, or WebP.

What happens if my coordinates go outside the image?

If 'Validate Bounds' is enabled, the tool will automatically adjust the region to fit within the image dimensions.

Is there a limit to the image file size?

The tool supports image files up to 10MB.

How does the quality setting affect my image?

The quality setting (1-100) controls compression for lossy formats like JPEG and WebP; higher values result in better quality but larger file sizes.

API Documentation

Request Endpoint

POST /en/api/tools/image-extract-coordinates

Request Parameters

Parameter Name Type Required Description
imageFile file (Upload required) Yes Upload any image file (JPEG, PNG, WebP, TIFF) for coordinate-based extraction
coordinateSystem select Yes Choose the coordinate system for specifying the region
x number Yes X position. For center system: offset from center. For percentage: 0-100%
y number Yes Y position. For center system: offset from center. For percentage: 0-100%
width number Yes Width of region to extract. For percentage mode: 0-100%
height number Yes Height of region to extract. For percentage mode: 0-100%
validateBounds checkbox No Automatically adjust region if it exceeds image boundaries
format select No Choose output format or keep original
quality number No Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size

File type parameters need to be uploaded first via POST /upload/image-extract-coordinates to get filePath, then pass filePath to the corresponding file field.

Response Format

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
File: File

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-image-extract-coordinates": {
      "name": "image-extract-coordinates",
      "description": "Extract a specific region from an image using precise X, Y coordinates and dimensions",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extract-coordinates",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

Supports URL file links or Base64 encoding for file parameters.

If you encounter any issues, please contact us at [email protected]