图片尺寸调整

图片尺寸调整

此工具可直接在浏览器中调整单张 PNG、JPEG 或 WebP 图片的尺寸。您可以设置精确宽高、按百分比缩放，或使用常用预设，并在下载前预览输出结果。

原始文件会保留在您的设备上。浏览器支持时，Canvas 导出会保留 PNG、JPEG 或 WebP 格式；如不支持，则回退为 PNG。

JPEG 和 WebP 输出可使用质量滑块，在视觉质量与文件大小之间取得平衡。

使用方法

1. 上传一张 PNG、JPEG 或 WebP 图片。
2. 输入目标宽度和高度，按需锁定宽高比，或选择一个预设。
3. 调整 JPEG/WebP 质量，预览结果，然后下载调整尺寸后的图片。

何时调整图片尺寸

可将图片调整为适合网站、应用素材、邮件附件、头像、缩略图和文档截图的尺寸。

透明图形适合使用 PNG 以保留透明度；照片通常可通过 JPEG 或 WebP 的质量设置获得更小文件。

使用 Canvas 调整尺寸

浏览器流程使用 Canvas drawImage 设置目标宽度和高度：

const canvas = document.createElement('canvas');
canvas.width = targetWidth;
canvas.height = targetHeight;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0, targetWidth, targetHeight);
canvas.toBlob(saveBlob, outputMime, quality);

MCP 集成

MCP（Model Context Protocol，模型上下文协议）让 AI 代理和应用可以发现并调用 Coding.Tools 工具，用于可重复的转换、格式化、哈希和生成工作流。

MCP 工具名: image-resize

MCP 端点: https://coding.tools/mcp

请先调用 tools/list。每个工具条目都会包含 inputSchema、outputSchema 和 examples，AI 代理或客户端可以据此生成合法参数，不需要猜。

调用 tools/call 后，result.content[0].text 是展示用结果，result.structuredContent 是适合程序解析的结构化结果。工具级失败会返回 isError: true；协议级失败会返回 JSON-RPC error。

tools/call 请求示例：

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-resize","arguments":{}}}'

这个图片工具在 MCP 中属于浏览器专用工具。tools/call 不会在服务器处理本地图片字节，而是返回 isError: true 和指向网页界面的 resource_link。

大多数文本和数据工具接收 input 字符串以及可选的 options。只依赖浏览器图片 API 的图片工具会用于发现，并在需要浏览器能力时返回网页入口。