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

2016-02-19 13:23 33 1 收藏

下面是个超简单的网页图片快速显示的方法和技巧教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs.

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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.

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

来源:https://www.tulaoshi.com/n/20160219/1604065.html

延伸阅读
标签: 电脑入门
我打开一篇Word文档,图片显示慢,等到花儿都谢了有捷径吗? 上菜:糖醋打印预览 打开文档时,快速点击打印预览按钮,图片就会立刻清晰的显示出来,然后关闭打印预览窗口,所有插入的图片马上全部快速显示出来。 水印快速制作 常看到一些文件里的水印,如何做出来的?如果求助于一些软件,似乎比较麻烦。 上菜:鸳鸯锅底 吃着热腾腾的火锅...
标签: 电脑入门
而,许多网友在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便。造成网页图片不能显示的原因很多,现在,我们通过多种方式进行探索和解决。 首先,我们可以尝试使用金山卫士对系统进行修复,系统修复中包含了IE修复,可以解决浏览器出错引起的网页图片无法显示问题。 打开金山卫士,点击查杀木马图标,再点击系统修复选...
标签: Web开发
论坛上提到这样的问题:css中用一张背景图做页面的技术有什么优势? 简单介绍一下 CSS Sprites 的优点: 当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。 CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 首先将小图片整合到一张大的图片上 然后根...
标签: Web开发
有的时候google或者其他广告显示不出来,造成页面访问速度奇慢,怎么样解决这个问题呢?我们可以借用AJAX的方式来做一下: 在原位置放置以下代码: 〈div id=“GoogleAD“〉〈/div〉 在 html 最后(〈/body〉前)加上:     〈div id=“tempGoogleAD“ style=“display:none;“...
标签: Web开发
javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽), IMG src="images/forumnew.gif" name=ntimg onResize="javascript: for(i=0;i123 && (this.width100||this.height100);i++){ this.width-= this.width/10 } /*alert(this.width)*/" _onLoad="alert('换图片了,不过是动画GIF,你就惨了,关不掉了')" onRe...

经验教程

887

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部