优化超大动画 GIF答案

【问题标题】：Optimizing extra large animated gifs优化超大动画 GIF
【发布时间】：2014-07-31 16:58:55
【问题描述】：

正在处理一个需要在网站上加载 10 个大型动画 gif 的项目。我们在减小文件大小时遇到了问题。每张图片的高度为 1200 像素（宽度不同），包含数十帧。 Photoshop 保存为 Web 功能将它们缩小到 4MB，这仍然太大且颗粒状。

还需要注意：将这些上传到 WordPress 网站。

关于优化图像或加载时间或两者兼而有之的任何想法？

【问题讨论】：

我们能否看到一些内容类型以了解内容类型 - 即卡通、照片等？

标签： wordpress performance size gif animated

【解决方案1】：

据我所知，您必须自己努力：

帧数，减少直到动画崩溃
颜色数量，减少直到图像崩溃
图像大小，减小宽度/高度直到质量下降

所有这些都在您首选的 GIF 动画编辑器中。进行一批试错法导出，直到获得不错的设置。在那之后，就不可能有太大的收获了。

刚研究发现

Steps for Smaller GIFs

如果您想要尽可能小的 GIF，请牢记 LZW 的面向行的行为：GIF 通过删除水平冗余进行压缩。尽量不要在 GIF 图像中引入额外的垂直细节或噪点。水平方向的色带比垂直方向的色带压缩得更好。避免抖动，它会破坏那些可爱的最小化颜色行。 LZW 压缩算法的这些特性可以通过示例得到最好的展示（图 11）。

GIF 文件可以通过两种方式保存：连续（从上到下）和隔行扫描（第 8 行、第 4 行、第 2...）。隔行扫描快速显示低分辨率图像，逐渐聚焦，但会增加文件大小。

【讨论】：

【解决方案2】：

试用 ImageMagick 并比较文件大小 - 它是 here 并且免费。

制作动画 GIF 很简单：

convert -delay 20 -loop 0  *.jpg  animated.gif

或使用 GIF 输入帧：

convert -delay 20 -loop 0  *.gif animated.gif

您还可以尝试使用-quality n% 选项来降低质量和尺寸。还有一个关于调色板优化、抖动、压缩等的内容非常丰富的讨论，here。

【讨论】：