分类

WebP压缩

使用高级设置压缩WebP图像,实现最优文件大小减少

Click to upload file or drag and drop file here

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

0 70 100

推荐范围: 50-85 以获得良好的压缩/质量平衡

0 6 6

推荐最大强度(6)以获得最佳压缩

0 6 6

最大方法(6)以获得最佳压缩

0 90 100

更高值减少压缩伪影,但会损失一些细节

0 3 7

更高值在压缩过程中保持边缘锐度

0: 简单, 1: 强烈(推荐), 2: 交叉

0 80 100

存在时的alpha/透明度通道压缩质量

优化色度通道处理以获得更好压缩

关键信息

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

概览

WebP压缩工具是一款专业图像优化工具,支持通过调整质量、压缩强度、滤镜参数及透明度设置,在保持视觉效果的同时显著减小WebP文件体积,助力提升网页加载速度。

适用场景

  • 网页图片体积过大导致加载缓慢时
  • 需要批量优化网站素材以提升SEO排名时
  • 在保持透明度前提下追求极致压缩比时

工作原理

  • 上传需要优化的WebP图像文件。
  • 根据需求调整压缩质量、强度及滤镜参数。
  • 点击处理按钮,系统将应用高级算法进行压缩。
  • 下载优化后的WebP文件,直接用于项目部署。

使用场景

电商平台商品详情页图片瘦身
移动端应用内资源包体积优化
个人博客或作品集网站加载速度提升

用户案例

1. 电商网站首页图片优化

前端开发工程师
背景原因
网站首页包含大量高清WebP商品图,导致页面加载时间超过3秒,影响用户留存。
解决问题
在不明显损失画质的前提下,将图片体积减小50%以上。
如何使用
上传图片,将压缩质量设为75,压缩强度设为6,并开启智能子采样。
示例配置
quality: 75, effort: 6, method: 6, smartSubsample: true
效果
图片体积大幅缩减,页面加载速度显著提升,且视觉质量无明显差异。

2. 移动端UI素材压缩

UI设计师
背景原因
设计稿导出的WebP图标带有透明背景,文件体积较大,不适合直接集成到App中。
解决问题
优化带有透明通道的图标,确保在移动设备上显示清晰且体积轻量。
如何使用
上传图标,设置透明度质量为80,滤镜强度设为90,滤镜锐度设为3。
示例配置
alphaCompression: 80, filterStrength: 90, filterSharpness: 3
效果
图标文件体积减小,透明边缘过渡平滑,完美适配移动端显示需求。

用 Samples 测试

image, file

相关专题

常见问题

压缩质量设置多少比较合适?

通常建议设置在 50-85 之间,这可以在文件大小和图像清晰度之间取得最佳平衡。

压缩强度和方法数值越高越好吗?

数值越高压缩效果越好,但处理速度会相应变慢,推荐使用最大值 6 以获得最佳压缩比。

滤镜强度和锐度有什么作用?

滤镜强度用于减少压缩伪影,滤镜锐度则有助于在压缩过程中保留图像边缘的细节。

该工具支持透明度压缩吗?

支持,通过调整透明度质量参数,可以有效控制包含 Alpha 通道的 WebP 图像大小。

什么是智能子采样?

启用智能子采样可以优化色度通道处理,在不明显降低视觉质量的情况下进一步减小文件体积。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) -
quality range 推荐范围: 50-85 以获得良好的压缩/质量平衡
effort range 推荐最大强度(6)以获得最佳压缩
method range 最大方法(6)以获得最佳压缩
filterStrength range 更高值减少压缩伪影,但会损失一些细节
filterSharpness range 更高值在压缩过程中保持边缘锐度
filterType number 0: 简单, 1: 强烈(推荐), 2: 交叉
alphaCompression range 存在时的alpha/透明度通道压缩质量
smartSubsample checkbox 优化色度通道处理以获得更好压缩

文件类型参数需要先通过 POST /upload/webp-to-compressed-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-compressed-webp": {
      "name": "webp-to-compressed-webp",
      "description": "使用高级设置压缩WebP图像,实现最优文件大小减少",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=webp-to-compressed-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]