▸_ffmpegtool
~/tools/image-to-webp

图片转 WebP

把多张图片按顺序合成动画 WebP,可调帧率、输出宽度与编码质量,同画质体积比 GIF 更小。所有处理在浏览器本地完成,文件不上传。

❯fps=5 scale=480 libwebp
引擎:ffmpeg.wasm等待初始化…

$拖入多张图片,或点击选择

支持 JPG / PNG / WebP — 按上传顺序合成动画 WebP

文件不会离开你的设备
JPGPNGWebP
01拖入图片

多张图片读入浏览器内存,不发生任何网络上传

02调整参数

帧率、输出宽度与编码质量

03本地下载

FFmpeg WASM 在本地合成动画 WebP 并导出

//相关GIF 动图工具全部工具

在线图片转动画 WebP 工具

本地处理 · 不上传

图片转 WebP 工具,把多张 JPG、PNG、WebP 按上传顺序合成动画 WebP,可调帧率、输出宽度与 libwebp 编码质量。同为动图,WebP 在同画质下体积远小于 GIF,适合表情包、网页动效与轻量分享。全部在浏览器内处理,图片不上传服务器,隐私安全。

直接回答

  • 多张 JPG、PNG、WebP 按上传顺序合成动画 WebP,每张图片显示 1/fps 秒;5–10 fps 是常用档位。
  • 编码用 libwebp,质量 0–100 可调:60 偏小体积,75 均衡,85 以上更接近视觉无损。
  • 同内容动画 WebP 平均比 GIF 小约 64%(Google 官方对比数据);全部现代浏览器都能直接播放预览。
  • 不同尺寸的图片自动统一画布:高取最高一张缩放后的高度,其余居中补边,不裁切不变形。
  • 转换在浏览器本地完成(FFmpeg WASM),图片不上传,免费、无水印、无需注册。

如何把图片合成 WebP 动图

  1. 1

    按播放顺序上传多张图片,支持拖拽

  2. 2

    选择帧率、输出宽度与编码质量

  3. 3

    点击合成,完成后下载动画 WebP

图片转 WebP 的常见用途

  • 把一组图片做成体积更小的表情包动画
  • 为网页生成轻量动画素材(比 GIF 更省流量)
  • 把截图序列合成演示动图

图片转 WebP 的注意事项

  • 至少需要 2 张图片;图片越多、尺寸越大,处理耗时越长
  • 个别老旧软件或平台不支持动画 WebP,可改用「图片转 GIF」保证兼容
  • 混合不同比例的图片时,非最高画幅的图片会居中补边

图片转 WebP 工具怎么选

  • 与图片转 GIF 相比:WebP 支持全彩与帧间压缩,同画质体积更小
  • 与手动逐帧拼接相比:自动统一画布、按序合成,无需专业软件
  • 与上传式在线工具相比:文件不上传、本地处理,隐私安全

为什么动画 WebP 比 GIF 更小

  • 每张图片按 1/fps 秒的时长作为一路输入,concat 串联成帧序列后交给 libwebp 编码成动画 WebP。
  • concat 要求所有帧同尺寸:画布高取「最高一张」按宽度缩放后的高度,其他比例的图片等比缩放后居中补边。
  • WebP 采用 VP8 帧内/帧间压缩且支持全彩,没有 GIF 的 256 色限制,因此动画体积通常远小于 GIF。
  • 体积参考:同内容动画 WebP 平均比 GIF 小约 64%(Google 官方数据);本页默认 5 fps、480px 宽、质量 75,是表情包的均衡档。

图片转 WebP 常见问题

支持哪些图片格式?

JPG、PNG、WebP 等常见格式都可以混着上传,按上传顺序合成动画 WebP。

动画 WebP 能在浏览器里预览吗?

能。Chrome、Edge、Firefox、Safari 14+ 都支持动画 WebP,结果可直接在页面上播放预览。

帧率是什么意思?

每张图片显示 1/fps 秒:2 fps 适合慢节奏翻页,10 fps 以上更流畅。可在 1–30 间自定义。

不同尺寸的图片能一起合成吗?

可以。画布高取最高一张缩放后的高度,其他图片等比缩放后居中补边,不会裁切或变形。

图片会传到服务器吗?

不会。合成在本地浏览器由 FFmpeg WASM 完成,图片文件不离开你的设备。

动画 WebP 和 GIF 能差多少体积?

同内容平均小约 64%(Google libwebp 官方对比);图片色彩越丰富,差距越大。

怎么控制每张图的停留时间?

帧率即停留节奏:1/fps 秒/张,2 fps 每张停 0.5 秒,10 fps 每张停 0.1 秒,可在 1–30 间自定义。

支持透明背景吗?

WebP 本身支持透明通道;但混合不同尺寸图片时会用不透明背景补边,需要保留透明请使用同尺寸素材。