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

优化整体图像(03)

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

3. 使用“颜色表”优化图像

减少图像中的颜色数量可以有效的降低图像的体积,使用“颜色表”可以精确控制GIF图像中的颜色数量。最多可以设定图像的颜色为256种,降低颜色数量的同时文件体积也会下降。除了添加和删除颜色,在“颜色表”还可以进行颜色替换或更改透明度等操作。

1)在“存储为Web所用格式”对话框中的“颜色表”选项卡中,可以看到颜色表中有许多一致的颜色,如图17-28所示。

17-28  颜色表中的颜色

2)单击颜色表中的色块后,可将该颜色选择,如果按下<Ctrl>键的同时,逐个单击色块,可以选择多个色块。如图17-29所示,选择颜色表中颜色相似的色块。

提示:当色块被选择后,其周围将出现黑白相间的边框。

17-29  选择颜色

3)选择颜色后,单击颜色表中的“删除选中的颜色”按钮,可将颜色表中所选择的颜色删除,图17-30所示为将颜色表中的颜色被删除后的状态。

注意:切勿将相近的颜色全部删除,应适当的保留不同色相的颜色。

17-30  将选择的颜色删除

4)这时可以发现,经过颜色优化后的图像从之前的133K减小到了99.27K,但图像的质量并没有发生失真现象,依旧保留了良好的图像品质。如图17-31所示。

17-31  颜色优化后的图像和之前的图像进行对比

5)在“颜色表”选项卡中还可以在优化图像中添加透明度。首先在颜色表中选择需要透明的颜色,使颜色表下方的按钮处于激活状态,如图17-32所示,单击“将选中的颜色映射为透明”按钮,将选中颜色映射至透明。

提示:色块中如果出现映射颜色的一半位置,表示该颜色将被映射至透明。

17-32  将选中的颜色映射为透明

6)然后在“存储为Web所用格式”对话框中单击“存储”按钮,在保存类型下拉列表中选择“仅限HTML和图像(*.html)”格式,然后单击“保存”按钮,将其存盘。加入透明度的图像效果如图17-33所示。读者也可打开本书附带光盘\Chapter-17\“龙山景区.html”文件进行查看。

17-33  完成优化的图像