主题:  网页图片快速露脸六法

永远的闪客

职务:普通成员
等级:3
金币:10.0
发贴:1440
注册:2000/12/7 17:57:47
#12001/2/5 12:12:22
网页设计者应该怎么做,才能让图片尺寸小一点,网页下载速度快一点,而又不牺牲掉美丽的图像呢?在这里笔者根据个人心得,建议你:   

  ■控制图片的尺寸

  最直接的办法是尽量避免大尺寸的图片,而多采用轻薄短小的导航按钮、装饰图形、Logo。

  ■控制图片的用色数量

  图片内色彩数量愈多,文件尺寸就愈大,所以尽可能多用平板(非渐层)的色彩,以利于压缩,尽可能少用显示得过分精细的图形。细腻的光影、渐层、肌理纹路的显示,均会耗用大量的色彩,使得GIF尺寸增大。而如果你选用JPEG格式,就得考虑加上解压所需时间,这是否反而使得图片显示得更慢?

  ■适当地运用 GIF和JPEG图片格式

  了解GIF与JPEG格式各自擅长处理何种材质的图形,可让你灵活地运用GIF与JPEG格式,获得一个尺寸经济并且画质优美传神的图片。

  ■尽可能多采用GIF图片格式

  JPEG的文件尺寸或许小,然而一旦加上解压缩所需的时间,则未必比GIF图片显示得快。尤其是应用在较小的图片上,如:按钮、小圆球、小logo等。

  ■在原始文件里标注图片的长度与宽度

  在原始文件里标注图片的长度与宽度,可以帮助浏览器迅速、准确地对网页的版面进行安排,避免浏览器在显示图片的过程中重新调整、配置网页的版面。
  图片长宽度的标注方法为: ,其中的 ″x″, ″y″ 表示图档的长宽各为多少像素(pixels)。

  ■为较大的图片先暂时提供一个略小或略粗糙的低解像度的low source图片

  如果你打算将一个较大的图片放上网页的话,不妨先提供一个解像度略差或长宽度略小的图片当做 low source,使得浏览器可以先快速地展现出这个low source图片,然后再渐渐地以高画质或较大图片取代之。
  在原始文件时标注 low source的方法为:
  
  特值得注意的是:其中的width=″x″ height=″y″ 是指img src 的长宽度,并非 lowsrc的长宽度。如果你不加上width=″x″ height=″y″ 的标示,浏览器将一律视为以较小图片作为长宽尺寸。



Blackflash.Qi

职务:版主
等级:7
金币:17.0
发贴:6028
注册:2000/11/7 13:08:15
#22001/2/6 0:57:20
徽标问LOGO 是否正确?
每页的标题(title)是否准确、规范?
首页:中英文全称
其他页:是否规范(编写:具体说明)
导航及链接是否正确?
导航栏的顺序是否统一?
链接路径是否是相对路径?
英文拼写是否准确?首页面及导航有无明显的错误?
中文词组搭配是否正确?
网址及EM ail是否正确?
内容是否正确?
内容排版是否统一?中文有无空格。
图片是否正确、ALT说明是否准确?不可出现杂乱的ALT说明。
中英文的页面语言指定是否正确?

英文:

网页文件大小
首员:70KB以下,最好在50KB以下。
其他页:40KB以下,最好在25KB以下。
有宣传发送的页面是否加入宣传内容?
Meta Keywords
Meta Description
页面显示大小
800 X 640及 640X480,均可,规模小的网站尽量两者皆可。
如无特殊要求测览器不可出现横向的滚动条。
页面是否加上COpyRight?
在首页面加上:
COPYRIGHT O 1999 BY(客户具体名称).
ALL RIGHTS RESERVED DEVELOPED AND DESIGNED BY NIHAO
所有文件的文件名县否符合“文件名规范”严禁大写字母、横线和空格出现。
网站的目录结构是否符合“目录结构规范”?
规模较小的同站:图片放在/images下。
规模较大的同站:具体情况具体处理,以可独立出来进行完整的演示为准。

是否适用不同创览器: Netscane4.0 & IE4.o
上传之前是否进行了整理?
上传之后是否在Internet上审查过?