当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页图片快速显示的方法和技巧

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 73 ::
收藏到网摘: n/a

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的图片标签。

网页图片快速显示的方法和技巧_软晨学习网ruanchen.com整理 

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代替这些内容。