设计

GIF压缩教程

叶九秋 · 12月12日 · 2019年 ·

通用的GIF压缩其实很难兼顾文件大小和清晰度,刚好看到了一篇教程,就直接搬运过来了。

帧数压缩

打开GIF

纯小白参考:

点击菜单栏的文件,选择导入功能功能,选择视频帧到图层,将帧转到图层。

在载入文件面板中,文件类型是选择QuickTime影片,文件名一栏中输入要打开的gif文件。

随后出现的面板中默认勾选从开始到结束和制作帧动画两项,点击确定导入图片。

此时就会看到打开的gif图片有很多帧,就导入成功了。

查看帧数

打开“窗口>时间轴”查看它的帧数。

GIF动画是由一张一张的图片切换构成的,对直接录制的GIF而言,有多长的动画就有多少帧。

通常的一键压缩方式会将GIF里所有帧等同的无差别压缩,这要很容易丢失关键信息。而用PS进行手动压缩时,我们就可以利用自己对动画的了解,进行有差别的压缩,去掉无用信息,保留有用信息。

删除相同帧

大部分动效图前后都会有一段时间的静止画面,这些静止画面当然是有用的,但是不需要那么多一模一样的帧画面重复几十个来达到。

但是某些帧是有用的,如何让某一帧停留更长的时间呢?点击帧方块右下角的箭头,从下拉框中选择延迟时间。

去除相同帧之后,原来很多帧的动画轻轻松松被拦腰截止,而且看起来与原来的GIF没有任何区别。甚至还能够通过修改帧延迟时间来调整动画节奏。

动画加速

一般一个动画的长度和帧数是相对应的,所以加快动画速度、减少动画时长,对压缩GIF的效果也是很不错的。

尤其如果是录制的动效图,整体的速度是很有可能需要提高的。例如录制过程中,鼠标指针从一个按钮移动到另一个按钮的过程中,可能因为思考、找地方甚至卡鼠标的原因导致速度过慢。

处理完帧数后,占用空间大幅度减少,画质和尺寸并未受到丝毫影响。

颜色压缩

了解仿色

在PS里选择“储存为 Web 所用格式”。

不同于JPG格式,GIF动画有一张固定的颜色表,图片中对所有颜色都会限制在这张表里。那如果需要表上没有相近都颜色会怎样呢?例如某张小图看起来还好,但是放大后会发现明显的仿色效果。

动效GIF的一点特殊之处是它需要的颜色很少,图片里虽然有很丰富的颜色,但是那么小的区域就算有一定失真也不会影响整体效果。

自动删减颜色

可以先大胆地把256个颜色减少到16个。需要注意的是,最好选择“扩散透明度仿色”,这样能够在色彩很少的情况下画面质量好一点。相比之下,占用空间大幅度减少。

手动删减颜色

即便只剩下16个颜色了,其实还有压缩空间。仔细看一下颜色表,会发现有那么几个颜色看起来非常相似,对普通人来说其实很难分辨。

尝试着删除看上去相似的颜色,但是注意一定要保留关键色。

如果觉得颜色还原度不高,可以调高仿色的百分比,但是这样可能会增加占用空间。

压缩完颜色之后,图片尺寸没有变化,画质没有损耗,只是局部颜色产生偏差。

通过前面步骤就已经将图片压缩的比较小了,尺寸方面继续压缩就可以根据平台,缩小其对应的宽度,就又可以继续压缩了。

尺寸压缩