AEJoy —— 如何优化 GIF 文件

Posted panda1234lee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AEJoy —— 如何优化 GIF 文件相关的知识,希望对你有一定的参考价值。

如何优化动画 GIF 的大小

GIF 动画文件的大小是很容易变大的。检查你的 GIF 是否经过了优化是一个好的习惯,这样你的访问(读)者就不会一直等着看你的动画。它也将解救服务器带宽不被淹没🙂

这里有一些提示来优化你的 GIF 动画,这里是你在上传你的 GIF 动画之前应该检查的列表。

  1. 减少并裁剪宽度、高度 —— 你的 GIF 越大,它就越重。试着裁剪和减少宽度、高度。

  2. 删除额外的帧 —— 在 PS 中打开你的 GIF 文件,检查是否有额外的帧或不必要的帧。通常有相同或多个帧可以删除或简化为一个帧。

  3. 降低帧率 —— 如果你从软件中生成 GIF,确保以较低的帧率再输出图像序列(请记住,帧数越多,GIF 文件的大小就越大,用户看到动画的延迟就越大)。

  4. 减少颜色 —— 当你在 PS 中 “为网页保存” 时,有时你不需要 256 种颜色。只要降低颜色 —— 它将有助于减少你的文件大小。

  5. 在线工具 —— 在线上也有一些很好的工具可以帮助你缩小文件大小和优化你的 GIF。试试 EZGIF.com

  1. 透明度 —— 根据你的动画,尝试一下透明度,看看它是否有帮助

动画 GIF 的未来

从某种意义上说,GIF 动画已经过时了,因为它有很多限制,比如颜色、文件大小或平滑透明度。我相信下一代将是动画 PNG 或命名为动画便携式网络图形的 APNG ,它将有更多的颜色支持 24 位和 8 位。它将有一个非常干净的 alpha 通道/透明度,最重要的是,文件大小将比 GIF 好得多。目前,一些浏览器不支持动画 PNG,不能在 PhotoShop 中打开。

以上是关于AEJoy —— 如何优化 GIF 文件的主要内容,如果未能解决你的问题,请参考以下文章

前端性能优化之优化图片

AEJoy —— 如何让你的 AE 插件 适应每通道 8,16,32 位颜色

Imagick PHP Gif 优化中的模糊等效项是啥?

图片优化

AEJoy —— 如何使用 AE 中的表达式控件预设

AEJoy —— 如何使用 AE 中的表达式控件预设