要减少图像的大小以缩短下载时间,最有效的方法之一是减少图像中使用的颜色数。这可能极大地降低有些照片图像的质量,但非常适合于大多数横幅、按钮和其他图标。
在paint shop pro中,可以通过选择image/decrease color depth,然后选择一个具体的减少颜色选项(大多数图像编辑软件都有类似的选项)。如果图像的颜色很少,就选择16 color palette;如果图像的颜色很多(或图像使用16色的效果不好),则选择256 color paletter。程序将根据图像的颜色范围自动找到最适合的16色或256色调色板。
注意:如果图像只使用了两三种颜色,将其保存前仍应该选择image/decrease color depth /16 color palette。否则,图像文件将保留许多颜色——即使实际使用的颜色很少,从而浪费空间。
减少图像的颜色数时,将看到一个包含很多选项的对话框(见图7.10)。对于网页图像,通常选择单选按钮optimized octree和nearest color。对话框右边的所有选项都不要选择,这些选项对图像的质量几乎没有什么改进。
提示:仿色(在paint shop pro也称为误差扩散)是图像编辑软件使用的一种技术,通过交替显示两种颜色接近的像素来模拟调色板中没有的颜色。例如,交替显示红色和白色像素来模拟粉红色。在有些情况下,仿色可使图像的质量看起来更好,但通常网页图像应避免仿色。为什么?因为仿色极大地增加了图像的信息复杂度,通常使图像文件更大、下载起来更慢。
html减少图像的颜色数 三联
图7.10
减少图像的颜色数可以显著地降低文件大小,且对图像外观不会有太大的改变
有一种特殊的图像文件格式,其颜色只有有限的几种,这就是可交换的图像文格式(graphics interchange format,gif)。要在paint shop pro中保存gif图像,选择file/save as,然后选择gif compuserve graphics interchange作为图像类型。gif图像格式是为包含纯色区域的图像设计的,如网页标题和其他插图图像,并不适合用于照片。
比gif图像格式更好的一种格式是png,现在所有主要的网页浏览器都支持这种格式。gif图像格式允许指定一种透明颜色,即网页的背景将透过图像的这些区域显示出来。然而,png允许指定不同的透明度,而不只是一种透明颜色。在paint shop pro中选择“png portable network graphics”图像类型将图像保存为png图像。建议对这两种格式都试一试。在第9章,将演示为什么将透明图像放在网页中时png格式的这种高级透明特性胜过gif的透明度。
更多网页制作信息请查看: 网页制作 |