打印

网页图片快速显示的方法和技巧

本主题由 POPOEVER 于 2008-1-6 16:45 移动
1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs.

  1.用.gifs格式保存图片,最好不要用.jpgs格式。因为前者的尺寸比后者小。

  2.Use 'Height' and 'Width' tags for your images. So while page loading certain place is left for the images and visitor can go through the content while images are loading.

  2.使用高度和宽度标签设置图片。这样,网页可以为图片预留空间,在图片下载的时候,访问者可以浏览网页内容。

  3.If you are using large images, slice them up and make them load as part after part. For this you can use img tags like HSPACE=0 and VSPACE=0.

  3.如果使用内容大的图片,把图片进行分割,各个部分依次下载。在这种情况下,你可以使用HSPACE=0以及VSPACE=0的图片标签。

  Optimized image (gif format, sliced to two parts, with width and height tags, HSPACE=0 and VSPACE=0):优化后的图片(gif格式、设置了宽度和高度、HSPACE=0以及VSPACE=0)

  4. Use image compression software that reduce image size. Remember, the more you reduce your image size more will be the loss of quality.

  4.运用图片压缩软件,缩小图片尺寸。记住:图片尺寸越小,质量越差。你可以登入以下两个网站,获取相关的信息和软件:

  http://www.spinwave.com/index.html

  http://www.macromedia.com/software/fireworks/

  5.If you have lot of images to display, then put them on different pages by linking the pages like 'Next Image >' or something like that instead of a long page with 10 images.

  5.如果需要展示的图片数量很多,你可以使用链接网页的方式,例如:“下一页”,或者其它类似的内容。图片要安排在不同的网页上,不要把10张图片放在一张网页上。

  6.Use same image over and over again if you need a similar image. Like if you are keeping a big header graphic on every page of your web site. Then use same graphic to link to all pages on your web site.

  6.如果需要,可以反复使用一张图片。比如说,你可以在所有网页的页眉部分设置同一张大图片,利用这张图片把网站所有网页链接起来。

  7.Flash presentations, mouse overs, animations etc increase page download time. So if you can use html instead of these, go with it.

  7.Flash、mouse overs、动画等内容,会增加网站的下载时间,因此,最好用html代替这些内容。

via
不错,顶个。。。
因为专业,所以选择..技术群:11162579
什么时候的东西?
另外第一条. gifs 格式都出来了? 那是 gif 的复数啊

回复 #3 mirycat 的帖子

很久就看过的,还有.jpg的复数呢.
大马甲

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
gifs也是一种格式么?
一生缘-正规PR3交换友情链接

TOP

支持
西贝:单纯使人更加专业 http://www.xibeidesign.cn

TOP

之前aoao总结过一些,都是减少CPU消耗,提高网页速度的,在此补充如下:

结构上

1、使用DocType,告诉浏览器你在用什么,html4也有DTD。也许Transitional更适合你
2、如果使用的是XHTML并能保持良好结构的话,记得输出相应的MIME跟XML头1,可以减少浏览器的代码检查, 保持结构的完整,不要让浏览器帮你补全代码。
3、控制页面的文件大小,可以通过程序把为了看代码比较舒服的缩进去掉。2~3K也是大小。
4、iframe会产生新的页面,其实有很多方式可以代替iframe
5、引入的JS与CSS可以适当合并,同样背景图片也可以合并,甚至有人连Flash都合并
6、给已知宽高的内容图片/Object加上宽度的属性可以减少页面的局部重渲染


表现上

1、质量99跟70的jpg在大多数情况下只有文件有大小不一样。gif的也一样,特别是小图标,256色跟128色的差别是文件大小.
2、flash动得太快吃CPU很大,控制每秒的帧数及动画的效果可以减少一些,如果把品质用中低显示会省很多资源,但这样却牺牲了效果。。quality属性 有时选择Autolow2 或者Autohigh会更适合,没必要一直low 或者best,
3、flash使用矢量图会节省文件大小,但计算复杂的图形跟动画时花的是CPU。复杂的太多滤镜,则会占用大量内存,模糊滤镜有减少些3。
4、IE的滤镜也是比较占用内存,同时也有兼容性问题。全屏的半透明很吃资源的。
5、2*2的图片跟8*8的图片大小差不多,但是平铺背景2*2却占用大很多。
6、gif动画同样有帧的概念,别把gif当成flash来玩就行。

TOP

Amer说的很好

感谢分享

TOP

谢谢分享啊。。。不错

TOP

关于第一点~
并不是所有图边片都保存成gif就好,对于色彩较多,具有渐变,阴影等复杂的图片,保存成jpg是最好的选择.
精通吃饭...精通睡觉...

TOP