图片尺寸调整
使用精确的像素尺寸、比例预设、宽高比锁定和 JPEG/WebP 质量控制在本地调整一张图像的大小。
点击或拖拽图片文件到此处
PNG、JPEG、WebP · 最大 10MB将图像大小调整为精确尺寸
图片尺寸调整 无需上传即可更改 PNG、JPEG 或 WebP 图像的像素宽度和高度。 使用它来准备需要特定尺寸的缩略图、应用程序资源、屏幕截图、个人资料图像和 Web 图像。
当图像应保持其原始比例时锁定纵横比,或者当您有意需要不同的形状时解锁它。将宽度和高度减小 50% 会删除 75% 像素,这通常会使文件变得更小。
处理使用浏览器画布。 JPEG 和 WebP 输出可以通过质量设置重新编码; PNG 保持透明度,但可能不会像照片格式那样缩小那么多。检查预览,因为调整大小可以柔化精细细节。
使用方法
- 上传一张 PNG、JPEG 或 WebP 图像。
- 输入目标宽度和高度,根据需要锁定纵横比,或选择预设。
- 调整 JPEG/WebP 质量,预览结果,然后下载调整大小的图像。
什么时候应该调整图像大小?
图片尺寸调整 用于更改尺寸,而不仅仅是文件大小。当布局、CMS、电子邮件、头像或文档图像需要精确的像素宽度和高度时,它非常有用。
当浏览器创建新的输出图像时,原始文件保留在您的设备上。较大的缩小尺寸通常看起来最好;放大会使图像变得模糊,因为它产生了原始图像中没有的像素。
使用 Canvas 调整尺寸
画布调整大小将源图像绘制到设置为目标尺寸的画布中:
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 错误。
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 的图片工具会用于发现,并在需要浏览器能力时返回网页入口。