跳到主内容
图片处理

图片转 WebP 转换器

纯前端处理 不上传服务器 7种输出格式 Canvas API

在线把 HEIC、PNG、JPG、AVIF、BMP、TIFF、ICO 转成 WebP。同等观感下通常比 JPG 更小,画质可调。100% 本地处理——支持打包 ZIP 下载。

使用指南

1

上传图片

点击上传区域或将图片拖拽到此处。支持的格式:PNG、JPEG、WebP、AVIF、BMP、TIFF、ICO。

2

调整质量

使用质量滑块控制输出图片质量。质量越高,文件越大。

3

转换

点击转换按钮开始处理。所有转换在浏览器中完成,不上传任何文件到服务器。

4

下载

单独下载每张图片,或点击全部下载将所有文件保存为 ZIP 压缩包。

使用技巧

现代高效

WebP 结合了 JPEG 与 PNG 的优点:像 JPEG 一样体积小巧,同时支持 PNG 的透明通道。同等观感下通常比 JPEG 更小。

何时使用 WebP

在注重质量和性能的现代网站和应用中,选择 WebP。它是 Google 优化页面的首选格式。

WebP 最佳实践

在现代网站上把 WebP 作为主要格式,并保留 JPEG 或 PNG 回退。WebP 格式本身支持有损与无损压缩,但本工具输出的是有损文件——需要逐像素保留时请选择 PNG 输出。

常见用途

网站优化

通过更小的图片文件改善 Core Web Vitals

页面速度

通过高效压缩大幅减少页面加载时间

移动网络

在带宽受限的移动网络上传输高质量的图片

电子商务

更快展示产品图片以获得更高的转化率

图片画廊

构建快速加载的相册和作品集

广告创意

提供即时加载的横幅广告和创意素材

常见问题

图片会上传到服务器吗?

不会。所有处理完全在浏览器本地通过 Canvas API 完成,你的文件不会离开你的设备。

WebP 的浏览器兼容性如何?

当前版本的 Chrome、Firefox、Edge、Safari 与 Opera 都支持 WebP,因此这里导出的图片在任何较新的浏览器里都能打开。面向老软件时,可通过 元素提供 JPEG 或 PNG 回退。

文件大小有限制吗?

有。单个文件不超过 50MB。添加文件的数量没有硬性上限,但全部在浏览器标签页里处理,批量特别大时会比较慢。

WebP 该用多少质量?

想长期保留的照片用高质量档(80–95),缩略图、预览和显示尺寸很小的图片用低档(40–70)。本工具始终通过浏览器编码器输出有损 WebP;需要逐像素精确保留时,请改转 PNG。

可以批量转换多张图片吗?

可以。要转多少张都可以添加,没有固定批量上限;转换后可单个下载,或打包成 ZIP 一次取走。

WebP 支持动画吗?

WebP 格式本身支持动画,但本工具通过浏览器的 canvas 转换,动画源只会得到第一帧。需要动画输出请用专门的动图转换工具;在这里请把它当作静态图处理。

指南

围绕这些工具涉及的题目写的长文:文件格式、体积限制,以及背后的算法。