使用 Canvas API 在浏览器中将 JPEG 图像完整转换为 WebP 格式——无需上传到服务器。
处理步骤
- 选择本地
.jpg/.jpeg文件。 - 设置 quality（0–1），在视觉保真度与文件体积之间权衡。
- 文件被解码、绘制到离屏 canvas，并通过
toBlob('image/webp')导出。 - 预览结果并下载
.webp文件。
在相近感知质量下，WebP 通常比 JPEG 小约 25–35%，对带渐变的照片尤其明显。
适用场景
为现代 Web 技术栈准备资源、在批量流水线前比较压缩设置，或在没有桌面工具时转换单张图片。
限制
转换质量取决于浏览器的 WebP 编码器支持（现代浏览器广泛支持）。不保留 EXIF 元数据、ICC 色彩配置文件与渐进式 JPEG 结构。超大图可能触及浏览器内存上限。不支持动画 JPEG。
示例
例如，在表单中填入默认示例值，将输出与已知参考对比；每次只调整一个输入，观察结果如何变化。