Categories

← View All Tools

Image Extract Region

Extract a specific rectangular region from an image by specifying area dimensions and position

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 region extraction

Choose how to extract region: custom dimensions, center, corner, or percentage

Set the extract width. For percentage mode, use 1-100

Set the extract height. For percentage mode, use 1-100

Choose where to position the extract area

Set the horizontal position for extract area (0 = left edge). Used in custom mode

Set the vertical position for extract area (0 = top edge). Used in custom mode

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
Output Type
file
Sample Coverage
4
API Ready
Yes

Overview

Image Extract Region is a precise utility designed to crop specific rectangular portions from your images. Whether you need to isolate a subject, extract a specific area by coordinates, or resize based on percentage, this tool provides full control over dimensions, positioning, and output quality.

When to Use

  • •When you need to crop a specific area of an image using exact pixel coordinates.
  • •When you want to extract a consistent region from multiple images, such as the center or a specific corner.
  • •When you need to resize an image by extracting a specific percentage of its original dimensions.

How It Works

  • •Upload your image file (JPEG, PNG, WebP, or TIFF).
  • •Select an extraction mode such as Custom, Center, Corner, or Percentage.
  • •Define the width, height, and positioning gravity or X/Y coordinates.
  • •Adjust the output format and quality settings, then process to download your cropped image.

Use Cases

Isolating product photos from larger lifestyle images for e-commerce listings.
Creating consistent thumbnails by extracting the center region of various source images.
Preparing specific UI elements or icons by cropping them out of larger design mockups.

Examples

1. Extracting a Product Thumbnail

E-commerce Manager
Background
I have a high-resolution lifestyle photo and need to extract just the product located in the center for a website thumbnail.
Problem
The original image is too large and contains unnecessary background elements.
How to Use
Upload the image, select 'Center Region' mode, set the desired width and height, and choose 'JPEG' as the output format.
Outcome
A clean, centered product image ready for the website, optimized in JPEG format.

2. Cropping UI Elements from Mockups

UI Designer
Background
I need to extract a specific button component from a large design export to use in a presentation.
Problem
The button is located at a specific coordinate on the canvas and needs to be isolated precisely.
How to Use
Upload the design file, select 'Custom' mode, and input the exact X and Y coordinates along with the button's dimensions.
Outcome
An isolated image file containing only the button component, perfectly cropped to the specified dimensions.

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.
Video Convert Tools
Explore 36 video 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.
Video Tools
Explore 16 video tools for utility workflows and compare closely related utilities quickly.

FAQ

What image formats are supported?

You can upload JPEG, PNG, WebP, and TIFF files.

Can I extract a region based on percentage?

Yes, select the 'Percentage' mode and enter the desired width and height as a value between 1 and 100.

How do I specify the exact position of the crop?

Use 'Custom' mode to input specific X and Y pixel coordinates, or use 'Gravity' settings to align the crop to corners or edges.

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.

Is there a limit to the image file size?

The tool supports files up to 10MB.

API Documentation

Request Endpoint

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

Request Parameters

Parameter Name Type Required Description
imageFile file (Upload required) Yes Upload any image file (JPEG, PNG, WebP, TIFF) for region extraction
extractMode select Yes Choose how to extract region: custom dimensions, center, corner, or percentage
width number No Set the extract width. For percentage mode, use 1-100
height number No Set the extract height. For percentage mode, use 1-100
gravity select No Choose where to position the extract area
x number No Set the horizontal position for extract area (0 = left edge). Used in custom mode
y number No Set the vertical position for extract area (0 = top edge). Used in custom mode
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-region 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-region": {
      "name": "image-extract-region",
      "description": "Extract a specific rectangular region from an image by specifying area dimensions and position",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extract-region",
      "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]