网页图片快速露脸六法

网页设计者应该怎么做,才能让图片尺寸小一点,网页下载速度快一点,而又不牺牲掉美丽的图像呢?在这里我根据个人心得,建议你:   
  1、控制图片的尺寸
  最直接的办法是尽量避免大尺寸的图片,而多采用轻薄短小的导航按钮、装饰图形、Logo。
  2、控制图片的用色数量
  图片内色彩数量愈多,文件尺寸就愈大,所以尽可能多用平板(非渐层)的色彩,以利于压缩,尽可能少用显示得过分精细的图形。细腻的光影、渐层、肌理纹路的显示,均会耗用大量的色彩,使得GIF尺寸增大。而如果你选用JPEG格式,就得考虑加上解压所需时间,这是否反而使得图片显示得更慢?
  3、适当地运用 GIF和JPEG图片格式
  了解GIF与JPEG格式各自擅长处理何种材质的图形,可让你灵活地运用GIF与JPEG格式,获得一个尺寸经济并且画质优美传神的图片。
  4、尽可能多采用GIF图片格式
  JPEG的文件尺寸或许小,然而一旦加上解压缩所需的时间,则未必比GIF图片显示得快。尤其是应用在较小的图片上,如:按钮、小圆球、小logo等。
  5、在原始文件里标注图片的长度与宽度
  在原始文件里标注图片的长度与宽度,可以帮助浏览器迅速、准确地对网页的版面进行安排,避免浏览器在显示图片的过程中重新调整、配置网页的版面。
  图片长宽度的标注方法为:<img src=″url″ width=″x″ height=″y″ > ,其中的 ″x″, ″y″ 表示图档的长宽各为多少像素(pixels)。
  6、为较大的图片先暂时提供一个略小或略粗糙的低解像度的low source图片
  如果你打算将一个较大的图片放上网页的话,不妨先提供一个解像度略差或长宽度略小的图片当做 low source,使得浏览器可以先快速地展现出这个low source图片,然后再渐渐地以高画质或较大图片取代之。
  在原始文件时标注 low source的方法为:
  <img src=″url″ lowsrc=″url″ width=″x″ height=″y″ >
  特值得注意的是:其中的width=″x″ height=″y″ 是指img src 的长宽度,并非 lowsrc的长宽度。如果你不加上width=″x″ height=″y″ 的标示,浏览器将一律视为以较小图片作为长宽尺寸。

Need a translation service?

Please enter your personal details and we will contact you shortly

Words translated by CCJK

146,096,379

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00

Over 95% of our clients recommend our language services to others

Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP