2

我想在博客和论坛中插入动画图像（因此我无法使用javascript、CSS、SVG、HTML5 和其他技巧），但是gif 动画太大，大约700K。它是由一张照片制成的，所以我不能将颜色减少到 256 个调色板条目以下，并且图像的大小也固定为 350 像素的高度。我尝试使用名为“gif2webp”的实用程序将其转换为“webp”动画，大小仅减少到 200K。但是它不会显示在我最喜欢的 Opera 浏览器中。比我尝试使用实用程序“gif2apng”的“apng”格式，大小再次减小到 400K，但不幸的是，动画没有出现在 Google Chrome 稳定版中。是否有任何其他替代简单动画可以作为带有“img src =”的简单图像插入网页的简单动画

4

1 回答 1

3

更新，2020 年 7 月 7 日

WebP 是 GIF 的最佳替代品，几乎所有浏览器都支持。Chrome、Firefox、Opera 和 Edge 已经支持它几年了。即将推出，它将受到 Safari 14 和 iOS Safari 的支持。WebP 文件大小比 GIF 小得多 - 通常小 60-85%。WebP 还支持透明度，并且不像 GIF 那样被限制为 256 色。

Chrome、Firefox、Opera、Safari 和 Edge 都支持 APNG，因此可以替代 GIF。APNG 支持 24 位颜色和透明度，因此您可以拥有比 GIF 更高质量的图像，但文件大小很大 - 甚至比 GIF 还要大。

相反，您可以坚持使用所有浏览器都支持的 GIF。要减小文件大小，请应用有损压缩。通过对下面的这个 GIF 应用 80% 的有损压缩，文件大小从 424.7 kB 减少到 253.1 kb，减少了 40%。

在此处输入图像描述

没有有损压缩的 GIF：https ://sirv.sirv.com/Examples/drill/drill.spin?image&scale.height=300

80% 有损压缩的 GIF：https ://sirv.sirv.com/Examples/drill/drill.spin?image&scale.height=300&gif.lossy=80

根据源图像的复杂性和大小，您甚至可以将文件大小减少多达 60%，尽管可能只有 25%。很大程度上取决于您的特定图像。

于 2017-03-22T06:19:04.400 回答