跳到主要内容
PulsarKit

GIF、WebP动图和MP4的区别:用同一段5秒片段实测

一段5秒的片段,三种格式,全部在浏览器里做成:文件大小、生成用时,以及每一种放大后看起来怎么样。

作者:PulsarKit ·

简短的回答

在我们的测试片段上,视频转WebP做出的WebP动图,在我们比较的每一种宽度和帧率下,文件都比视频转GIF做出的GIF小。GIF的文件大小是WebP的3.1到4.9倍。用视频尺寸调整做出的MP4文件更小:20帧/秒(fps)的WebP,文件大小是MP4的1.8到2.4倍。

有两项设置会改变结果。在480像素宽、15 fps下,关闭抖动的GIF是1.70 MB,默认的“Sierra(更清晰)”是3.90 MB。画质100的WebP是3.92 MB,和默认的GIF一样大。所有这些数字都来自同一段卡通片段。

测量方法

2026年10月30日,我们从《Big Buck Bunny》(© 2008 Blender Foundation,www.bigbuckbunny.org,CC BY 3.0)里剪了五秒:640 × 359像素,24 fps。

我们在同一台电脑的Chrome 156里使用了pulsarkit.com上的三个页面。视频转WebP保持画质75。视频转GIF保持“128色”“Sierra(更清晰)”和“无限循环”。MP4是用“视频尺寸调整”的“自定义尺寸”做的,用的是去掉声音的片段副本,因为GIF和WebP都不带声音。我们试了640、480和320像素的宽度,以及10、15和20 fps,WebP还加了30 fps。MP4保持24 fps。

计时从点击生成按钮开始,到“下载”可用为止。每次运行都用一个全新的浏览器会话,所以WebP和GIF的用时包含加载引擎的时间。大小按1,000,000字节为1 MB计算;这些工具的界面按1,024计算,显示的数字会略低一点(我们那个3.90 MB的GIF,界面显示3.7 MB)。三个工具都在你的浏览器里运行。

相同宽度和帧率下的文件大小

WebP在最大的画面上优势最大。宽640像素时,GIF在10、15和20 fps下的文件大小分别是WebP的4.9、4.8和4.7倍。宽480像素时是4.1、4.1和4.0倍,宽320像素时是3.3、3.2和3.1倍。

MP4在宽640像素时是1.09 MB,宽480像素时是0.65 MB,宽320像素时是0.31 MB。20 fps的WebP,文件大小分别是它的1.8、2.0和2.4倍,GIF是8.3、7.9和7.6倍。换一个编码器,MP4的大小会不同。在10 fps时,WebP在宽640和480像素下,文件大小和MP4差不多,但帧数还不到一半。

视频转WebP把每一帧都存成完整的图片,所以它的文件随帧数增大。在每种宽度下,15、20和30 fps的文件是10 fps文件的1.5、2.0和3.0倍。MP4主要存的是帧与帧之间变化的部分。Google的WebP容器规范页面(简体中文版,2026年10月30日查看)说,一帧的矩形“可能会覆盖整个画布,也可能不会”,所以别的WebP编码器可能存得更少。我们没有测过。

决定GIF大小的因素

抖动比颜色数更重要。它把相近颜色的点散开,来假装出小调色板里没有的色调。在480像素宽、15 fps下,默认的GIF是3.90 MB,256色是4.48 MB,64色是3.34 MB。关闭抖动后降到1.70 MB,用“Bayer(均匀网纹)”则是1.94 MB。

代价是看得见的。把一帧放大三倍,在大约2.5秒处,默认的GIF在墙面上有斑点,蝴蝶翅膀上有彩色的点。关闭抖动后,天空和山丘裂成了平坦的色带。WebP看起来很平滑,细节纹理稍软一点。MP4和原片在我们看来是一样的,这只是对一帧的目测判断。

GIF89a规范(W3C,日期为1990年7月31日)用一个3位的字段给颜色表定大小:“要确定颜色表的实际大小,把2提升到[该字段的值+1]次方。”所以一个表最多256色。Google的WebP常见问题(简体中文版)写道:“与 GIF 的 8 位颜色和 1 位 Alpha 相比,WebP 支持 24 位 RGB 颜色和 8 位 Alpha 通道。”这两个页面我们都是在2026年10月30日读的。GIF89a规范只有英文,上面的引文由我们翻译。

WebP并不更小的地方

画质高了,优势就消失了。在480像素宽、15 fps下,画质50的WebP是0.70 MB,75是0.95 MB,90是1.94 MB,100是3.92 MB。画质100的文件大小等于默认的GIF。画质90的WebP,文件比关闭抖动的GIF更大。在默认的75下,WebP文件比这个宽度和帧率下的五个GIF文件都小。

我们没有比较截图、标志、纯色图形、暗色画面或更长的片段,也没有测试在聊天应用、邮件和网页表单里的播放。MDN的图像指南(简体中文版,2026年10月30日阅读)的浏览器兼容性表列出了Chrome、Edge、Firefox、Opera和Safari对WebP的支持。

生成用时,以及选哪种格式

一段5秒的WebP用了7到24秒生成,最慢的是640像素宽、30 fps。GIF用了7到19秒,MP4用了1.3到2.1秒。生成MP4需要浏览器内置H.264编码器。你的电脑得到的用时会不同。

在接受视频的地方,MP4最小也最快。在只接受图片的地方,只要能显示,WebP的文件更小。只有GIF能用的地方,就保留GIF。GIF转MP4可以把GIF变成视频,视频剪切可以先剪出你需要的那几秒。静态照片的情况,见WebP、AVIF和JPEG的区别:用同一张手机照片实测。

为了在另一个工具中继续处理,PulsarKit可能会在这个浏览器中存储你的输入内容或结果的本地副本。关闭标签页或重启浏览器后,这份副本可能仍会保留。清除PulsarKit的网站数据即可删除它。

本文用到的工具

继续阅读