如何用Photoshop压缩GIF?
GIF这个相对古老的格式,如今仍然是线上宣传和新媒体的刚需。
动态的GIF图片对内容有更强的表现力,还支持透明度。更重要的是,作为“图片”而不是“视频”,使用GIF图片会受到更少的限制,能够在上传后快速通过审核(甚至无需审核)并用于发布。
但就像上传图片时会遇到体积限制一样,上传GIF也受到体积限制。比如微信公众平台,最多可支持2M大小的GIF;再比如QQ,超过1M大小的GIF会被当作文件处理,无法用于动态表情。
因此如何压缩GIF就成为了重点。网上有很多在线的GIF压缩工具,它们也许有用甚至很好用。但很多时候,我们是用Photoshop完成GIF制作的,那么为什么不用Photoshop来压缩GIF呢?
下面我们来介绍几种用Photoshop压缩GIF的方法,有些方法应用于制作过程中,有些方法应用于导出过程中:
1 裁切视频

首先一个最简单的道理,内容越少,体积越小。在使用视频制作GIF时,也许我们并不需要把一整段视频,只需要一个小片段。导入视频后,在时间轴面板可以找到合适的片段并把它剪切出来。
2 调整尺寸

将一段2K的视频做成GIF,并不意味着GIF也必须是2K。微信公众号使用的GIF横图,宽度为640像素就足够。尽管可以在导出的时候再调整大小,但编辑过程中,过大的尺寸可能导致电脑卡顿,也会影响我们对字号等附加元素尺寸的判断。因此,导入视频后可以直接按下Alt+Ctrl+I调整尺寸再继续编辑。
3 储存为Web所用格式

在旧版本中,储存为Web所用格式是导出GIF的唯一方法。通过该功能,可以将时间轴里的视频或帧动画保存为GIF。点击右下角的播放按钮,就可以在左侧预览GIF。注意首先需要在右上角有GIF128无仿色等预设可供选择,只要选择带GIF的预设,存储后格式就是GIF了。
4 减少帧数

当你手里已经有GIF文件,或者在刚才的步骤里导出了GIF文件,可以在Photoshop里将其打开。然后在时间轴面板中即可看到所有帧,你可以通过减少帧数,来减少GIF的内容量。注意在删除帧的同时,你应该适当减少每帧的持续时间,以让GIF保持流畅。

或者在导入视频时,直接使用导入→视频帧到图层功能,直接指定导入范围和跳过帧数。这样就可以一次性完成上述的第1步和这里的第4步。
5 颜色数量
此前我们提到过的GIF128无仿色中,128就是颜色数量。GIF最多支持256种颜色,即所谓的8位深度。通常来说,我会使用64或更低的颜色数量,虽然这会一定程度上破坏视频的质量,但对减少体积的帮助是很大的。
要知道,压缩的过程,就是在体积和质量之间取舍的过程。
6 减低颜色深度算法

Photoshop支持4种主要的减低颜色深度算法,即在减少颜色数量时应用的算法。它们分别是:
- 可感知:图像中人眼最容易感知的颜色将获得更高优先权,据此自定义调色板。
- 可选择:和可感知的工作原理类似,但它更倾向于保留大面积的Web颜色,且倾向于让最终的调色板拥有更大的色域。可选择是默认设置。
- 随样性:通过采样选择图片中最常出现的颜色,完成自定义调色板。
- 上限:使用216色,所有颜色都按需要从8位web安全颜色里抽取,如果所需颜色少于216色,则删除多余的颜色。
四种算法有不同的适用情况。比如上限算法使用的都是web安全颜色,在任何浏览器中都不会有偏色问题。再比如随样性是按照面积抽取颜色的,非常适合Logo动画等简单内容。
7 仿色算法

Photoshop提供了三种仿色算法:扩散、图案和杂色。这三种算法用来补偿被删除的颜色。只有在扩散算法下,仿色值才是可调的。所谓的扩散算法,就是让多个像素凑在一起,尝试模拟被删除的颜色带来的视觉效果。仿色值越大,这种模拟的效果就越好,但文件体积也随之增大。
8 交错、透明、Web靠色和耗损
- Web靠色可以让调色板里的颜色接近Web安全颜色。Web安全颜色越多,在浏览器里就越不容易出现噪点,但图片可能会失真。设置为0没有任何作用,设置为100则会将所有颜色变为Web安全颜色。
- 耗损是一种有损压缩算法,能通过减少视觉上的有效信息来减少体积。
- 透明即是否允许图片带有透明度。透明度是单独占用颜色数量的,比如黄色和半透明黄色,会各占1个调色板里的位置。在不需要透明度时,关闭即可。
- 交错是让GIF在浏览器中渐进加载,能提高网页的打开速度,但会略微提升GIF的体积。
9 优化文件大小

在预设的右侧可以打开弹出菜单,其中有优化文件大小功能。通过这个功能你可以让Photoshop自动压缩GIF图片。

你可以先选择当前满意的设置,再使用优化文件大小功能,然后Photoshop就会尝试找到符合文件体积并且最接近当前设置的参数。听起来很美好,实际上这个功能比较鸡肋,除非文件的当前体积和目标体积已经很接近了,否则自动优化后结果往往不理想。
10 使用双联模式

在调整参数的过程中,你可能会渐渐忘记原图是什么样子……而Photoshop提供了双联模式,你可以在对话框顶端选择它。
开启双联模式后,就能看到优化前后的具体差异,帮助你判断当前结果是否满意。