会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 站长学院 > 网站设计 > 网站页面图象处理一些小技巧

网站页面图象处理一些小技巧

时间:2011-10-10 17:34:48   作者:   来源:   点击:

网页中图象的处理方法与其他领域中图象的处理方法有很大的差异,即使在同一个网页中不同位置的图片处理技巧也不大相同。我们应该根据实际需要选择合适的图象处理工具和恰当的图片格式,合理的处理网页图片的颜色和透明度。

第一、选择恰当的网页图片格式

网页图片文件的大小直接影响页面的加载速度,相同大小的图片选择不同的格式其文件大小相差甚远。目前,网页图象格式主要有3种格式,分别是GIF、PNG、JPG。形式简单的标志和图标首选PNG格式,色彩丰富质量要求高的照片类选择JPG格式,对于颜色要求不多,并且没有明显的渐变的图片选用GIF格式。

下面我把3种图片格式详细的介绍下

1、JPG通常用于保存照片。这种格式的图片颜色十分丰富,可以保存约有1670万种颜色。如果图片颜色少于256种或者含有大片纯色则不宜选用JPG格式,其图片效果反而不好,并且严重影响网页加载速度。

2、网页中设置透明背景色通常用到PNG格式。这种格式相对较新,兼有JPG和GIF的色彩模式。PNG-8采用了256色以下的index color色彩模式,这与GIF类似。PNG-24支持RGB模式,存储24位真彩图象,品质比较高。PNG-32在PNG-24的基础上添加了alpha通道,因此PNG支持设置网页透明背景色设置,这在网页图象制作上非常有用。

3、GIF格式的图片在网页中应用最广泛。它支持256种颜色,能够容纳除了照片以为几乎所有的图象。GIF格式具有生成简单动画的功能,并且也支持网页背景颜色透明的设置。但是GIF图片的透明效果不如PNG的好。

选择图象的格式应当考虑图片质量和文件大小两个因素,根据具体的应用需要和各种格式图片的特点,在保证图片质量的情况下尽量压缩图片文件大小,从而提高页面加载速度。

第二、处理图片的颜色和透明

如上面所说,GIF图片和PNG图片都支持设置透明背景,但GIF只有0到1的透明信息,也就是只有透明、不透明两种选择。因此,GIF格式的透明背景没有层次,只是单纯的将一种或几种颜色设为完全透明,不能与它邻近的渐变色进行平滑的过度。要创建透明GIF,就必须将画布背景色设置成与目标效果的背景色相同。

PNG提供了0至255共256级的透明度信息,可以使图片的透明区域出现深度不同的层次。于是PNG图片覆盖在任何背景上都看不到接缝,从而改善了GIF图片透明度不佳的问题。

网页浏览者在访问网页时除非采用8位的显示器(可能性比较小),否则我们在创建图象时不必考虑浏览器的安全色。颜色的数量是决定图象效果的重要因素,渐变色往往会产生大量的颜色数,如果图片保存成GIF就会失真,并且文件大小反而会大幅度增加。这时候应该使用颜色丰富的PNG-24、PNG-32或JPG格式会更好些。( )

分享到:

阅读此篇文章的网友还阅读了:

无相关信息

网友评论

热门网站设计