优化整体图像(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 完成优化的图像