动态表情包优化方法,十招解决gif大小压缩问题

虽然gif这种图片格式在今天已经不是新标准了,但是GIF这种老物件还是赶上了一个好时代。颜文字的知名度和各种社交媒体的繁荣为其提供了一个放荡不羁、热爱自由的绝佳舞台。所以也算是逆流而上,越来越吃香了。但是不得不说它的优点和缺点总是并存的,比如体积大,色彩体现不完美等等。尤其是在各种平台对gif的支持上,体验会受到大小的限制,使得稍微复杂一点、色彩丰富一点的gif图片得不到很好的效果,非常苦恼。所以隋军这次会讲一讲gif图片的优化,以及如何在大小和效果之间达到一个可以接受的平衡。

从gif图片的生成来看,无非就是一种自产自销,使用PS、AE、Flash、PPT等各种软件。第二种是从现有视频中剪切片段制作gif,这也是从热门电视剧中剪切表情包的常用方法。我们将一一介绍。

当视频转换成gif后,优化的第一步当然是只留下有用的片段,也就是进行编辑。对于视频片段的选取,我们可以在Premiere等编辑软件中完成,然后直接导出gif动画格式,再在ps中优化gif动画;也可以直接在ps中编辑视频剪辑,将视频导入PS有两种常用方法:

01.将视频直接拖动到PS上,然后在时间轴面板上移动入点和出点,选择需要的剪辑,如下图所示。当然,也可以结合当前时间指示器(即时间轴面板中的红色竖线),直接用剪刀工具剪切视频,删除不需要的部分。

02.选择"文件>;导入>视频帧到图层”,然后在打开的面板中,如下图所示,入点和出点也被选中,选中的视频片段被拍摄。PS:如果视频太长,也可以限制帧数,这也是缩小尺寸的有效方法,但不要把数量设得太大,以免动作不连贯。

既然是为了优化体积,显然缩小图像尺寸是一个非常直接有效的方法。而且考虑到很多平台对gif显示的大小也有限制,比如最长宽度不能大于固定大小,否则动画无法直接显示等等。因此,有两种方法可以修改大小。一种是直接选择“图像>:图像尺寸”,快捷键是Ctrl+Alt+I,可以打开如下图所示的修改面板,输入我们需要的尺寸数量。

要减小图像的长度和宽度,除了使用图像大小命令,还可以在保存界面,即“另存为web格式…”面板上修改大小。快捷键是Ctrl+Shift+Alt+S,但是如果视频分辨率比较大,比如1080p,打开这个面板的时候加载卡的时间会比较长,所以建议先用“图像大小”来修改。

在视频转gif这一类别中,我们在PS中打开视频后(这种方法是针对以帧动画的形式打开),有些帧之间的运动变化是极其不显著的,甚至有些帧是完全一样的。这时候我们可以删除重复的帧,只保留一帧,通过增加帧的延迟时间来保持动画的节奏,而不是用帧数来保持节奏。因为每一帧占用gif动画的大小,帧数越少,自然体积越小,可以设置节奏而不破坏。

当图片的长、宽、大不能再改变时,直接修改颜色的数量来缩小gif的大小是一个很好的方法。该操作仍在“保存为网页格式…”面板中执行。如下图,点击小三角后会弹出下拉菜单,有多个数字可供选择。gif格式支持8位颜色,因此最大限制是256种颜色。对于颜色不算超艳的gif动画,如果不能介绍,可以再补充一些。除了预设值,你也可以直接手动输入你想要的颜色数。

该功能可与“颜色”值一起使用。如下图所示,点击小三角形后可以看到多种算法。

Adobe官方对这些算法的含义解释如下。在大多数情况下,我们可以通过选择默认的“可选”来满足我们的需求。遇到下面提到的特殊情况,我们可以选择相应的算法。

01.可感知:通过优先考虑人眼敏感的颜色来创建自定义颜色表。

02.可选:创建一个颜色表,它类似于“可感知的”颜色表,但有利于广泛的颜色区域和Web颜色的保存。这个颜色表通常生成具有最大颜色完整性的图像。可选是默认选项。

03.样本跟踪:通过从图像的主色谱中提取颜色样本来创建自定义颜色表。例如,仅包含绿色和蓝色的图像产生主要由绿色和蓝色组成的颜色表。大多数图像的颜色集中在色谱的特定区域。

04.限定(Web):使用Windows和Mac OS 8位(256色)调色板中常用的标准216色颜色表。此选项确保当图像以8位颜色显示时,浏览器锯齿不会应用于这些颜色。(该选项板也称为Web安全选项板。)使用Web调色板可能会创建一个大文件,因此只有在优先考虑避免浏览器阴影的情况下,才建议使用此选项。

05.自定义:使用用户创建或修改的调色板。如果您打开一个现有的GIF或PNG-8文件,它将有一个自定义调色板。

因为gif格式的限制,最多只支持8位颜色,最多只有256种颜色,还是太少了。所以“保存为web格式…”面板提供了“模仿颜色”的功能,简单来说就是通过模仿来实现更生动的配色方案。官方解释是指模拟计算机颜色显示系统中不提供的颜色的方法。较高的颜色模仿百分比会使图像中出现更多的颜色和细节,但也会增加文件大小。要获得最佳压缩比,请使用能够提供所需颜色细节的最低百分比的模仿色。如果图像中包含的颜色以纯色为主,通常可以正常显示,无需应用仿色。包含连续色调(尤其是颜色渐变)的图像可能需要颜色模仿来防止色带化。

如下图所示,颜色模仿有三种方法:

01.扩散:应用通常比“图案”模仿色不明显的随机图案。颜色模仿效果在相邻像素之间扩散。

02.图案:使用类似于半色调的正方形图案来模拟颜色表中没有的任何颜色。

03.杂色:应用类似于“扩散”颜色模仿方法的随机图案,但图案在相邻像素之间不扩散。使用“杂色”仿色法时,不会出现接缝。

该函数用于确定如何优化图像中的透明像素。在大多数情况下,可以使用默认设置。如果需要进一步设置,请参考以下官方文档进行说明:

01.要使完全透明的像素透明并将部分透明的像素与某种颜色混合,请选择“透明度”,然后选择一种无光颜色。

02.要用一种颜色填充完全透明的像素,并用同一种颜色混合部分透明的像素,请选择一种无光颜色,然后取消选择“透明度”。

03.要选择遮罩颜色,请单击遮罩色板,然后在拾色器中选择一种颜色。或者,从边缘菜单中选择一个选项:移液管颜色(使用移液管样本框中的颜色)、前景色、背景色、白色、黑色或其他(使用拾色器)。

当透明仿色选择“透明度”选项时,如下图所示:可以选择将仿色应用于部分透明像素的方法:

01.不透明模仿不会将模仿颜色应用于图像中部分透明的像素。

02.“漫射透明仿色”应用的随机图案通常没有“图案仿色”明显。颜色模仿效果在相邻像素之间扩散。如果选择此算法,请指定“复消色差”百分比,以控制应用于图像的复消色差量。

03.“图案透明仿色”将类似于半色调的块图案应用于部分透明的像素。

04.“杂项透明模仿色”应用类似于“扩散”算法的随机图案,但不扩散相邻像素之间的图案。使用噪波算法时不会出现接缝。

在“以web格式保存…”面板中,在&之前;After的对比视图模式方便我们进行检查,获得最佳效果。操作如下图所示:

可以看出,当我们将颜色改为“64种”时,优化了原图像与原图像的对比度。

这一招绝对是终极一招。和上面一样,我们都需要手动调整参数,对比效果,反复修改,才能达到最好的效果。而这一招,PS会自动帮我们平衡参数,然后在我们设定的最大体积内计算出最优结果。操作方法也很简单。如下图所示,只需点击“另存为web格式…”面板右上角的上下文菜单,然后点击“优化文件大小”,在弹出的面板中输入我们的卷需求。

嗯,这是一个隋军了解到的关于gif动画的优化,或者说压缩大小的方法,平时经常用到。希望对喜欢制作gif图片和动态表情包的朋友有所帮助。