当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 网页制作 > 优化整体图像(02)

优化整体图像(02)

  • 2021-12-02
  • 来源/作者: 本站原创    / 佚名    
  • 5 次浏览

2. GIF格式图像的优化参数设置

我们知道网络中最常用的图像文件格式为GIF格式,GIF是一种互联网上常用的文件格式,最多拥有256种颜色,其优点有生成文件小、网络传输速度快等特点。下面主要对GIF格式的优化参数进行介绍。

1)单击“预设”下拉列表右侧的三角按钮,可以看到Photoshop已经为用户预设了多种优化方式。其中列表上端有7种关于GIF文件格式的优化设定,如图17-11所示。

17-11  “预设”下拉列表

2)我们可以选择其中一种优化方式对当前图像进行优化,然而这7种预设优化方式远远满足不了对高质量图像优化的需求,所以仍需要手动调整这些参数来优化网页图像。

3)图像文件的颜色越丰富,那么其文件体积就越大。反之,则越小。“减低颜色深度算法”下拉选项,可以通过更改图像的整体的颜色深度来优化文件体积,图17-12所示为“减低颜色深度算法”下拉列表中的9种选项。

17-12  “减低颜色深度算法”下拉列表中的选项

4)在下拉列表中选择“可感知”选项后,可以将图像中肉眼能够察看到的颜色保留下,而察看不到的颜色将被优化掉。图17-13所示为当选择“可感知”选项后其颜色表的显示状态

17-13  在列表中选择“可感知”选项

5)“可选择”选项是默认选项。当选择“可选择”选项后,可以创建与“可感知”颜色表相似的颜色表,该选项通常能够产生颜色完整性很高的图像,但是更偏重于保留Web颜色,图17-14所示为在下拉列表中选择“可选择”选项后其颜色表的显示状态。

17-14 

列表中选择“可选择”选项

6)当选择“随样性”选项后,将提取图像中最常出现的颜色来创建自定颜色表,如图17-15所示,被优化图像中主要包含绿色、橙色、黑色、红色等颜色,将产生主要由绿色橙色、黑色、红色构成的颜色表。

17-15  在列表中选择“随样性”选项

7)“受限(Web)”选项可以使画面,使用Web页通用216色颜色表进行优化,超出这个颜色表范围的颜色将被优化掉。图17-16所示为选择“受限(Web)”选项后其颜色表的显示状态。

“自定”选项可以将当前颜色表保留为固定的调板状态,不会随图像更改而更新。

17-16  选择“受限(Web)”选项后颜色表的显示状态

8)“Mac OS”选项可以使用Mac OS系统的默认256色颜色表进行优化,超出这个颜色表范围的颜色将被优化掉。图17-17所示为选择“Mac OS”选项后颜色表的显示状态。

17-17  选择“Mac OS”选项后颜色表的显示状态

9)“Windows”选项可以使用Windows系统的默认256色颜色表进行优化,超出这个颜色表范围的颜色将被优化掉。图17-18所示为选择“Windows”选项后颜色表的显示状态。

17-18  选择“Windows”选项后颜色表的显示状态

10)“灰度”选项可以创建具有灰度像素的颜色表。

17-19所示为选择“灰度”选项后优化图像和颜色表的显示状态。

17-19  选择“灰度”选项后优化图像和颜色表的显示状态

11)“黑白”选项可以创建具有黑白像素的颜色表。图17-20所示为选择“黑白”选项后优化图像和颜色表的显示状态。

17-20  选择“黑白”选项后优化图像和颜色表的显示状态

12)画面颜色在被优化的过程中,图案中被删除或更改颜色的区域会产生变化。使用“指定仿色算法”选项,可以设置颜色变化的方式。

13)单击“指定仿色算法”选项右侧的三角按钮,会弹出下拉列表,列表中提供了包括“无仿色”选项在内的4种仿色效果,如图17-21所示。“无仿色”则表示不对图像应用仿色效果。

17-21  “指定仿色算法”下拉列表

14)在“指定仿色算法”选项中选择“扩散”选项,仿色的效果将在相邻像素间扩散,如图17-22所示。

注意:如果优化图像中存在切片,当使用“扩散”算法后,可能导致切片边界上出现可观察到的接缝。

17-22  选择“扩散”选项后图像的显示效果

15)选择“扩散”算法,还可指定“仿色”百分比以控制应用于图像的仿色量。较高的仿色百分比可使图像中出现更多的颜色和更多的细节,但同时也会增大文件大小,如图17-23所示。

“杂色”算法与“扩散”仿色算法相似,都会产生一些随机的像素纹理,但其仿色效果不在相邻像素间扩散,所以使用“杂色”算法时,切片周围不会出现接缝。

17-23  当“仿色”百分比处于100%时图像的显示效果

16)当选择“图案”算法后,图像中将出现类似半调的方块图案来模拟优化掉的颜色区域,如图17-24所示。

提示:选择“图案”和“杂色”算法后,“仿色”百分比数值框将无法指定仿色数量。

17-24  选择“图案”算法后图像的显示效果

17)“仿色”百分比数值框可模拟计算机的颜色显示系统中未提供的颜色,若图像中包含连续色调,尤其是具有颜色渐变的图像,将需要应用仿色来防止图像出现色带现象,图17-25所示为在未设置仿色数值和将仿色的数值调整为100%时的效果。

17-25  未设置仿色数值和仿色数值为100%时的对比效果

18)在“损耗”数值框中输入参数10,如图17-26所示,图像从之前的133K减小至109K。该参数控制着GIF文件在压缩中允许的损耗量,随着数值的增加图像将会发生失真现象,文件相对也会越小。

17-26  调整“损耗”数值框参数将文件减小

19)在“颜色”数值框中可以设置减少组成图像的颜色数,以此减小图像的文件大小,起到优化图像的作用,但当图像颜色数过少时,图像可能出现失真现象,图17-27所示为当“颜色”数值框中的参数分别为16128时的显示效果。

17-27  不同颜色数的图像对比效果