UltKit

GIF转WebP在线转换

动态GIF的体积与其呈现的内容相比过于臃肿。将GIF转换为WebP会保留每一帧及其时长,但改用现代压缩方式存储,同样的动画通常只需原来一小部分的体积。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传GIF文件

    最多可添加 20 个动态或静态 GIF,每个不超过 95 MB。

  2. 2

    选择有损或无损

    音质 设为 80 可获得最大的压缩效果。像素画或必须保持精确的纯色动画,请在高级设置中勾选无损。

  3. 3

    转换并检查

    点击转换为 WebP,下载文件,然后在浏览器中播放其中一个,确认动画正常。

GIF转WebP,减小动图体积

GIF 诞生于 1987 年,最初用于通过调制解调器传输静态图形,动画是后来才加入的。每一帧都采用 LZW 压缩,限制为 256 种颜色,除了让像素保持不变之外,无法复用上一帧中的相似内容。一段三秒的表情动图很容易就有好几 MB。

动态 WebP 对每一帧使用与静态 WebP 相同的压缩方式,可以是基于 VP8 视频编码的有损压缩,也可以是无损压缩。它还支持完整的 24 位色彩和 8 位 Alpha 通道,因此抖动渐变和锯齿状透明边缘这两大 GIF 的典型特征都会消失。如果页面上有多个动画元素,改用 WebP 是缩短加载时间最简单有效的方法之一。

64%动态 GIF 转为有损 WebP 后平均缩小的比例

来自 Google 的 WebP 对比;无损 WebP 版本小 19%。

哪些浏览器支持播放动态WebP

  1. 2014

    Chrome 32

    Chrome 加入动态 WebP 播放支持,是第一个支持的主流浏览器。

  2. 2018

    Edge 18

    初代 Edge 开始支持 WebP;后来基于 Chromium 的 Edge 沿用了 Chrome 的支持。

  3. 2019

    Firefox 65

    Firefox 在所有桌面平台上支持 WebP,包括动态文件。

  4. 2020

    Safari 14

    iOS 14 和 macOS Big Sur 上的 Safari 加入 WebP 支持,主流浏览器至此全部支持。

GIF

图形交换格式

GIF 由 CompuServe 于 1987 年推出,至今仍是短小循环动画中支持最广泛的格式。它是无损的,但每帧只能使用 256 色调色板,因此照片和渐变会出现色带和抖动。它只支持开/关(1 位)透明,曲线形状的边缘会有锯齿。动画 GIF 往往比同一段 MP4 或 WebP 大得多。所有浏览器、聊天应用和社交平台都能播放 GIF。

压缩方式
无损
透明度
支持
动画
支持
发布年份
1987 · CompuServe
GIF 转换器

WEBP

WebP 图片

WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。

压缩方式
有损或无损
透明度
支持
动画
支持
发布年份
2010 · Google
WEBP 转换器

GIF 转 WebP 是为了让网站或贴纸包中的动画更轻,同时保持动态效果;WebP 转回 GIF 仅用于无法播放动态 WebP 的应用和论坛。

哪些场合应保留GIF版本

电子邮件是主要的例外。许多邮件客户端会屏蔽 WebP,或只显示一张损坏的图片,而 GIF 动画在大多数客户端中都能正常播放,因此邮件通讯中的动画应继续使用 GIF。一些论坛、聊天应用和老旧的 CMS 媒体库也接受 GIF 上传,却会拒绝 .webp 文件。

如果是发布到自己的网站,请使用 WebP,GIF 仅作为源文件保留。如果之后需要在不支持 WebP 的地方使用这段动画,可以用 WebP 转 GIF 转换回去,但会再次受到 256 色的限制。

GIF转WebP常见问题

GIF转WebP后还能保留动画吗?

可以。WebP 原生支持动画,每一帧及其显示时间都会保留,播放效果与原 GIF 一致。输出的是单个 .webp 文件,而不是一个帧文件夹。

动态WebP比GIF小多少?

在 Google 对大量动态 GIF 的对比中,有损 WebP 比 GIF 小 64%,无损 WebP 小 19%。实际效果取决于内容:真实视频片段缩小最多,小型像素画循环动画缩小最少。

能用GIF制作WhatsApp贴纸吗?

WhatsApp 的动态贴纸是 512 × 512 px 的动态 WebP 文件,大小必须在 500 KB 以内。请在高级设置中将 GIF 宽度调整为 512 px,转换后如果文件仍超出限制,再调低音质。之后可用贴纸制作应用把这些文件打包成贴纸包。

Telegram动态贴纸是WebP文件吗?

不可以。Telegram 的静态贴纸使用 WebP 或 PNG,但动态贴纸是由矢量动画制作的 TGS 文件,视频贴纸则是 WEBM。由 GIF 生成的 WebP 在 Telegram 中只能作为静态贴纸使用。

WebP能保留GIF的透明背景吗?

支持,而且效果更好。GIF 只有一种完全透明的颜色,曲线边缘会出现锯齿。WebP 拥有完整的 Alpha 通道,透明区域保持透明,周围也不会多出任何内容。

是否应该把GIF转成视频?

如果片段超过几秒,通常是的。MP4 体积更小,还带播放控件,可使用 GIF 转 MP4。WebP 更适合需要在 <img> 标签或贴纸中静音自动播放的短循环动画。