电子商务网页设计(第二版)
上QQ阅读APP看书,第一时间看更新

1.3.5 网页图形基础

网页中图像的设计与一般平面设计不同,尽管网页图像不需要很高的分辨率,但是这并不代表任何图像都可以在网页上使用,网页中常见的图像格式有3种:GIF、JPEG、PNG格式。但目前大部分浏览器对GIF、JPEG文件格式的图像支持情况最好,而IE和网景浏览器目前也只能部分支持PNG图像显示。因此,建议使用GIF和JPEG格式,以满足更多浏览者的需求。

JPEG是一种支持8位和24位色彩的压缩位图格式,适合在网络上传输,是非常流行的图形文件格式,它的缺点是不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。

GIF最突出的特点是支持动画,同时GIF也是一种无损的图片格式,也就是说修改图片之后,图片质量并没有太多损失,再者GIF支持半透明(全透明或是全不透明),但只能显示256色。

PNG是一种非失真性压缩位图图形文件格式。其允许使用类似于GIF格式的调色板技术,支持真彩色图像,并具备阿尔法通道(半透明)等特性。优势在于无损压缩、逐层逼近和支持阿尔法通道。

在网页中使用图像还应注意:图像不仅仅是修饰性的点缀,还可以传递信息。因此,在处理网页图形前,应选择与文本内容及整个网站相关的图像,使图像的主题清晰可见,图像的含义应简单明了。除了图像的内容以外,还要考虑图像的大小。如果图像文件太大,浏览者在下载时会花费很长的时间,这样将会大大影响浏览者的浏览意愿。所以,设计时要尽量在不影响图像效果的前提下压缩图像文件大小。