分类

← View All Tools

WebP调整大小

调整WebP图像尺寸，保持WebP格式和质量

WebP图像文件 *

Click to upload file or drag and drop file here

Maximum file size: 50MB Supported formats: image/webp

目标宽度 (像素)

留空则根据高度和宽高比自动计算

目标高度 (像素)

留空则根据宽度和宽高比自动计算

调整适配方式

位置

背景颜色

空白区域的背景颜色。使用#RRGGBB格式或"transparent"

WebP质量 (0-100)

0 90 100

不放大

当目标尺寸大于原始时防止放大

关键信息

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

概览

WebP调整大小工具是一款高效的在线图像处理工具，专为快速修改WebP格式图片的尺寸而设计。它支持自定义宽度、高度及多种适配模式，在调整尺寸的同时保持WebP格式的优异压缩性能与图像质量，满足网页优化及多平台展示需求。

适用场景

•需要将WebP图片统一缩放至特定尺寸以适配网页布局时。
•在保持WebP高效压缩特性的前提下，批量调整图片分辨率时。
•需要对图片进行裁剪、填充或缩放以符合特定容器比例时。

工作原理

•上传您的WebP格式图像文件。
•输入目标宽度或高度，并选择合适的适配方式（如覆盖、包含或拉伸）。
•根据需要调整质量参数或设置背景颜色。
•点击处理按钮，即可下载调整好尺寸的WebP图像。

使用场景

电商平台：将产品WebP图片统一缩放至标准展示尺寸，提升页面加载速度。

博客运营：快速调整文章配图大小，确保移动端与桌面端布局一致。

UI设计：为不同屏幕分辨率准备适配的WebP素材，减少冗余文件体积。

用户案例

1. 网页Banner图适配

前端开发工程师

背景原因: 网站首页需要一张1920x600像素的Banner图，但原始WebP素材尺寸过大且比例不符。
解决问题: 需要将图片裁剪并缩放至指定尺寸，同时保持WebP格式以优化加载速度。
如何使用: 上传图片，设置宽度为1920，高度为600，选择“覆盖(cover)”模式并设置位置为“center”。
示例配置: width: 1920, height: 600, fit: 'cover', position: 'center'
效果: 获得了一张完美适配Banner区域的1920x600 WebP图片，且文件体积保持在最优水平。

2. 缩略图批量处理

内容运营

背景原因: 需要将一批不同尺寸的WebP头像统一调整为200x200像素的缩略图。
解决问题: 图片原始比例各异，直接拉伸会导致变形。
如何使用: 设置宽度和高度均为200，选择“包含(contain)”模式，并设置背景颜色为透明。
示例配置: width: 200, height: 200, fit: 'contain', background: 'transparent'
效果: 所有图片均被缩放至200x200像素内，且保持了原始比例，空白处自动透明处理。

用 Samples 测试

image, file

Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换

preferred input family image

image

TIFF示例

不同宽高比和主题的TIFF图像示例，具有高质量无压缩格式

preferred input family image

image

Windows C++ 图像处理示例

Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换

preferred input family image

image

常见问题

调整大小会改变WebP的格式吗？

不会，该工具处理后的输出文件依然保持WebP格式。

我可以同时指定宽度和高度吗？

可以。您可以同时设置宽度和高度，并选择适配方式（如cover或contain）来控制图像的显示效果。

如果目标尺寸大于原图，图片会变模糊吗？

如果开启“不放大”选项，工具将防止图片被拉伸放大；否则，图片会根据目标尺寸进行缩放。

如何处理图片比例不一致的问题？

您可以使用“覆盖(cover)”或“包含(contain)”模式，并配合“位置”选项，以确保图片在目标尺寸内完美展示。

处理后的图片质量如何保证？

您可以通过质量滑块（0-100）自定义输出质量，以平衡文件大小与视觉清晰度。

API 文档

请求端点

POST /zh/api/tools/webp-to-resized-webp

请求参数

参数名	类型	必填	描述
imageFile	file (需要先上传)	是	-
width	number	否	留空则根据高度和宽高比自动计算
height	number	否	留空则根据宽度和宽高比自动计算
fit	select	否	-
position	select	否	-
background	text	否	空白区域的背景颜色。使用#RRGGBB格式或"transparent"
quality	range	否	-
withoutEnlargement	checkbox	否	当目标尺寸大于原始时防止放大

文件类型参数需要先通过 POST /upload/webp-to-resized-webp 上传获取 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-webp-to-resized-webp": {
      "name": "webp-to-resized-webp",
      "description": "调整WebP图像尺寸，保持WebP格式和质量",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=webp-to-resized-webp",
      "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]

分类

WebP调整大小

关键信息

概览

适用场景

工作原理

使用场景

用户案例

1. 网页Banner图适配

2. 缩略图批量处理

用 Samples 测试

相关专题

相关工具

常见问题

API 文档

请求端点

请求参数

响应格式

AI MCP 文档