分类

← View All Tools

坐标提取图片

使用精确的X、Y坐标和尺寸从图片中提取特定区域

Click to upload file or drag and drop file here

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

上传任何图片文件（JPEG、PNG、WebP、TIFF）进行坐标提取

选择用于指定区域的坐标系统

X位置。中心系统：距中心的偏移。百分比：0-100%

Y位置。中心系统：距中心的偏移。百分比：0-100%

要提取的区域宽度。百分比模式：0-100%

要提取的区域高度。百分比模式：0-100%

如果区域超出图片边界则自动调整

选择输出格式或保持原格式

有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

关键信息

分类
Design
输入类型
file, select, number, checkbox
输出类型
file
样本覆盖
4
支持 API
Yes

概览

坐标提取图片工具是一款专业的图像处理工具，支持通过精确的 X、Y 坐标及尺寸参数，从 JPEG、PNG、WebP 或 TIFF 图片中精准截取特定区域，满足高精度裁剪需求。

适用场景

  • •需要从大尺寸图片中精准截取特定局部区域时
  • •在自动化工作流中需要根据固定坐标批量裁剪图片时
  • •需要将图片裁剪为特定比例或尺寸以适配不同展示场景时

工作原理

  • •上传您的图片文件，并根据需求选择坐标系统（左上角、中心或百分比）。
  • •输入目标区域的 X、Y 坐标以及所需的宽度和高度数值。
  • •开启“验证边界”功能以确保裁剪区域不超出图片范围，并设置输出格式与质量。
  • •点击执行，系统将根据设定的参数自动提取并生成裁剪后的图片。

使用场景

电商产品图批量裁剪：统一提取产品核心区域，确保展示规格一致。
UI 设计素材处理：从设计稿截取特定图标或按钮元素，保持像素级精确。
自动化图像预处理：通过固定坐标提取图片中的关键数据区域，便于后续识别。

用户案例

1. 电商产品主图裁剪

电商运营
背景原因
需要将一批 2000x2000 像素的产品图统一裁剪为 800x800 的正方形，且目标区域位于图片左上角偏移 100 像素处。
解决问题
手动裁剪难以保证每一张图的起始坐标完全一致。
如何使用
上传产品图，选择“左上角”坐标系统，设置 X=100, Y=100, 宽度=800, 高度=800。
示例配置
coordinateSystem: top-left, x: 100, y: 100, width: 800, height: 800, format: png
效果
所有产品图均从相同坐标位置精准截取，确保了商品展示的视觉统一性。

2. 网页图标素材提取

前端开发
背景原因
从一张包含多个图标的雪碧图（Sprite）中提取特定的图标素材。
解决问题
需要精确获取图标在图片中的位置，避免裁剪到相邻图标。
如何使用
使用百分比坐标系统，根据图标在雪碧图中的位置比例进行定位提取。
示例配置
coordinateSystem: percentage, x: 25, y: 50, width: 10, height: 10, format: webp, quality: 100
效果
成功提取出目标图标，且保持了高质量的 WebP 格式，便于网页加载使用。

用 Samples 测试

image, png, jpg
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
title token image
image
Windows C++ 图像处理示例
Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换
title token image
image
Web Rust 图像处理示例
Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
title token image
image
macOS Objective-C 图像处理示例
macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换
title token image
image

相关专题

ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
Image 工具专题
探索 40 个围绕 image 的 utility 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
AudioConvert工具专题
探索 100 个围绕 audio 的 convert 工作流工具，快速找到相近能力。

常见问题

支持哪些图片格式？

支持上传 JPEG、PNG、WebP 和 TIFF 格式的图片文件。

坐标系统中的“中心”模式是什么意思？

中心模式以图片的几何中心点作为坐标原点（0,0），X 和 Y 坐标表示相对于中心点的偏移量。

如果设置的坐标超出了图片边界怎么办？

您可以勾选“验证边界”选项，系统会自动调整裁剪区域，确保其处于图片有效范围内。

百分比坐标系统如何使用？

百分比模式下，X、Y、宽度和高度均以图片总尺寸的比例（0-100%）进行计算，适合响应式裁剪需求。

输出质量设置对文件大小有影响吗？

是的，对于 JPEG 和 WebP 格式，质量数值越高，图片清晰度越高，但文件体积也会相应增大。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 上传任何图片文件（JPEG、PNG、WebP、TIFF）进行坐标提取
coordinateSystem select 是 选择用于指定区域的坐标系统
x number 是 X位置。中心系统：距中心的偏移。百分比：0-100%
y number 是 Y位置。中心系统：距中心的偏移。百分比：0-100%
width number 是 要提取的区域宽度。百分比模式：0-100%
height number 是 要提取的区域高度。百分比模式：0-100%
validateBounds checkbox 否 如果区域超出图片边界则自动调整
format select 否 选择输出格式或保持原格式
quality number 否 有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

文件类型参数需要先通过 POST /upload/image-extract-coordinates 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "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)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-image-extract-coordinates": {
      "name": "image-extract-coordinates",
      "description": "使用精确的X、Y坐标和尺寸从图片中提取特定区域",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-extract-coordinates",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]