风靡全球的 .gif 动图格式诞生于遥远的 1987 年。一张短短几秒的手机屏录 GIF 动图体积常常能飙到 15MB 甚至更大,不仅极大拖慢加载速度,还造成巨额宽带费用浪费。

为什么 GIF 那么沉重累赘?

  • 缺乏帧间物理压缩: GIF 在保存动图时,几乎是强行硬塞了十几张“完整定帧图”,并没有计算 and 合并“画面中哪些动、哪些完全静止”。
  • 严重受限的 256 色限制: GIF 最多只能支持 256 种有限色彩,一旦动图里包含丰富的手机摄影背景,转换后会出现严重的条纹 and 令人厌烦的斑点。

下一代网页动图转换:WebP 与 动态视频

想要保存生动流畅的高清动图,最聪明的办法是用在线工具将它们重组转化为更优秀的现代媒介:

  1. 一键转换为 动态 WebP (Animated WebP)WebP 不仅支持 24 位真彩 and 丝滑的半透明边缘,其先进的“帧间预测编码”能够抛弃静止不动的像素点,转化出的成品文件体积暴省 50% 到 85%,加载如同闪电!
  2. 一键转换为 WebM/MP4 视频流:针对极长的几百帧动图,推荐转换成极低体积的静音 MP4 视频,并使用前端几行代码进行静音自动循环播放:

<video autoplay loop muted playsinline src="animation.mp4"></video> 这可以调用手机 and 电脑显卡的硬解码,完全不占用内存,让网页滚动流畅得像丝绸一样!