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

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

时间: 2024-09-20 19:13:25

网页图片快速显示的方法和技巧的相关文章

javascript感应鼠标图片透明度显示的方法_javascript技巧

本文实例讲述了javascript感应鼠标图片透明度显示的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>感应鼠标的图片透明度显示效果</title> <head> <script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=

JS获取网页图片name属性的方法_javascript技巧

本文实例讲述了JS获取网页图片name属性的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以用来获取网页图片的name属性 <!DOCTYPE html> <html> <body> <img id="compman" name="compman" src="compman.gif" alt="Computerman" width="107" height

网页图片不显示的原因

网页图片显示不出来,主要有2个原因,一个是网络原因(包括我们的上网速度,以及网站所在服务器的网络速度);另外一个是我们电脑浏览器的设置问题(比如设置不当,或者遭病毒破坏等). 既然我们找到的网页图片不能显示可能的大致原因,那么解决问题就有了方向,我们采用排除法.从简单入手,首先我们使用杀毒软件对电脑进行一次全盘扫描,以便排除电脑病毒的问题.如果查杀到病毒,清除后问题解决了,那么多半是病毒问题引起的.如果查杀病毒后图片不能显示故障依旧,那么我们重点查看网络问题,方法可以这样:先换一个需要验证码的注

Word 2003 让图片快速显示

Word 2003 让图片快速显示 大家在使用Word 2003时,会发现一个问题,如果文章内容多,里面插入的图片显示会很慢,那有什么办法来解决呢?其实方法很简单. 首先在每次打开带有多张图片的文件时, 点击一下工具栏上的"打印预览"按钮, 然后再马上关闭打印预览, 此时再翻页就不会出现图片半天显示不出来的问题了.

如何解决在浏览网页时网页图片不能显示的问题

而,许多网友在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便.造成网页图片不能显示的原因很多,现在,我们通过多种方式进行探索和解决. 首先,我们可以尝试使用金山卫士对系统进行修复,系统修复中包含了IE修复,可以解决浏览器出错引起的网页图片无法显示问题. 打开金山卫士,点击"查杀木马"图标,再点击"系统修复"选项卡即可. 扫描完成后点击"修复"即可解决一些网页不显示图片的问题. 如果网页不显示图片的问题仍然没有解决,我们需要手动检

Java从数据库中读取Blob对象图片并显示的方法_java

本文实例讲述了Java从数据库中读取Blob对象图片并显示的方法.分享给大家供大家参考.具体实现方法如下: 第一种方法: 大致方法就是,从数据库中读出Blob的流来,写到页面中去: 复制代码 代码如下: Connection conn = DBManager.getConnection();   String sql = "SELECT picture FROM teacher WHERE id=1";   PreparedStatement ps = null;   ResultSe

网页设计-linux环境下访问boa服务器网页图片无法显示

问题描述 linux环境下访问boa服务器网页图片无法显示 单独打开网页文件图片是可以现实的. 通过boa服务器访问ip地址时图片无法显示 这应该不是网页设计问题吧.是什么原因?服务器的问题吗? 解决方案 先看你页面上console中的日志信息,是否提示背景图片没有获取,然后就是查看服务器上的日志,图片估计没有正确返回给浏览器 解决方案二: 您好,我也在做这个方面,一起探讨QQ1845395137

php实现图片以base64显示的方法_php技巧

本文实例讲述了php实现图片以base64显示的方法.分享给大家供大家参考,具体如下: 这里实现图片以字符串形式保存到网页,从而不需要再加载图片的功能. 这是在RFC2397中定义的Data URI scheme,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入,比如上面那串字符,其实是一张图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到了. 在上面的Data URI中,data表示取得数据的协定名称,image/jpeg是数据类型名称,base64是数据的编码方法,逗号

用瀑布流的方式在网页上插入图片的简单实现方法_javascript技巧

当我们的网页需要插入很多图片的时候,为了美观,我们可以选择用瀑布流的方法插入图片 首先我们在body里面放入我们需要展示的图片 <div id="box"> <div class="dinwei"> <div class="pic"> <img src="image/1.jpg"> </div> </div> <div class="din