优化额外的大型GIF动画

时间:2014-06-10 19:24:41

标签: wordpress performance size gif animated

处理需要在网站上加载10个大型GIF动画的项目。我们无法减小文件大小。每幅图像都是1200像素高(不同宽度),包含数十帧。 Photoshop保存为Web功能将它们降低到4MB,这仍然太大而且有颗粒感。

还要注意:将这些内容上传到WordPress网站。

有关优化图片或加载时间或两者的任何想法?

2 个答案:

答案 0 :(得分:0)

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

制作动画GIF非常简单:

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

或使用GIF输入框:

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

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

答案 1 :(得分:0)

据我所知,你必须自己解决:

  • 帧数,减少直到动画出现故障
  • 颜色数量,减少直到图像崩溃
  • 图像尺寸,减小宽度/高度,直到质量下降

您首选的GIF动画编辑器中的所有内容。进行一批试验和错误导出,直到达到合适的设置。在那之后,没有太大的收获。

刚研究并发现

  

Steps for Smaller GIFs

     

如果您想要尽可能小的GIF,请记住LZW的行导向行为:GIF通过消除水平冗余进行压缩。尽量不要在GIF图像中引入额外的垂直细节或噪点。水平定向的色带比垂直定向的带更好地压缩。避免抖动,它打破了那些可爱的可最小化的颜色行。 LZW压缩算法的这些特性最好通过示例显示(图11)。

     

     

GIF文件可以通过两种方式保存:连续(从上到下)和隔行扫描(第8行,第4行,第2 ......)。隔行扫描快速显示低分辨率图像,逐渐成为焦点,代价是额外的文件大小。