动画gif替代广泛的浏览器支持?

时间:2014-10-02 19:32:00

标签: animation gif animated webp apng

我想将动画图像插入博客和论坛(因此我无法使用javascript,CSS,SVG,HTML5和其他技巧),但gif动画太大了,大约700K。它是由一张照片组成的,所以我不能减少256个调色板条目下面的颜色,并且图像的大小也固定为350像素的高度。 我试图将其转换为" webp"使用名为" gif2webp"的实用程序的动画,大小仅减少到200K。但它并没有显示在我最喜欢的Opera浏览器中。比我尝试过#34; apng"格式与实用程序" gif2apng",尺寸再次减少到400K,但遗憾的是动画并没有显示在谷歌Chrome稳定版本中。对于一个简单的动画还有其他选择,可以使用" img src ="作为简单图像插入到网页中。所有主流浏览器都支持HTML标记吗?

1 个答案:

答案 0 :(得分:0)

Chrome将在59版(即将推出)中支持APNG。 Firefox和Safari iOS已经支持它。但是,其他浏览器还不支持它,因此您无法将其用作可靠的独立格式。

相反,您可以坚持使用GIF(所有浏览器都支持)并尝试应用有损压缩。通过对此GIF应用80%有损压缩,它将文件大小从424.7 kB减小到253.1 kb。这减少了40%。

enter image description here

没有有损压缩的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%。很大程度上取决于你的特定形象。