如何优化网站图片以快速显示
来源:计算机应用文摘 发布时间:2008-04-05 10:09:00
现在介绍加速网页图形显示速度的六种方法,为你解决这个难题。其最基本的宗旨就是,让你用买鱼的价钱,品尝到熊掌的美味和营养。
1.首先要确定图像的格式。
这一点很重要,在HTML文件中,使用*.jpg、*.gif、*.bmp等文件格式均是可以浏览的。我们只选择前面的两种,因为这两种文件格式能对图像进行很大程度的压缩,使得在产生相近视觉效果的前提下,图像文件的容量会小很多。但是,我们到底是使用JPG格式呢,还是使用GIF格式?如果图像是使用扫描仪输入进计算机的(当然也包括用数字相机),通常这种图像都是一些人物照片,风景照片什么的,这种图片中所用到的色彩比较多,就是说图像中既有浅红色,又有深红色,还有绿色、蓝色、黄色等等,这时候我们应该选择使用JPG格式来存储图像。如果图形是由你自己使用Photoshop,Paint Shop Pro等软件制作的,如标题文字等,这时图像中所使用的色彩通常会比较少,我们可以选择GIF格式。要想知道图像中到底使用到了多少种颜色,只要使用Paint Shop Pro软件(笔者使用的是5.00版)中的“Color / Count Colors Used ”功能即可以得到准确的答案。
2.在Paint Shop Pro软件的Color下拉菜单中,还有一项“Decrease Color Depth”功能,它是用来减少图像所用颜色数目的,你可以选择其中的16 Colors,即将图片所使用的色彩数量减到16种颜色。当颜色数目减少后,如果你认为图像质量变化不大,那么就选用GIF格式。要知道,JPG格式对待彩 * 像可是一律使用16M色呦。
3.如果你认为色彩数量减少后图像的视觉效果明显变差,让你不能忍受,那么我们就采用JPG压缩格式。无论是使用什么样的图形处理软件,它都会在你存盘时向你询问JPG的压缩比。当然,压缩得越狠,文件越小,但是图像质量也越差。通常,采样50%到70%的压缩率比较好(百分数越大,文件越小),当压缩率从0%上升到50%时,文件大小会急剧下降,而图像质量却变化不大,再加大压缩率后,图像会明显变差,而文件的大小却减少得十分有限,有时甚至只减少几十个字节。不过有一点要告诉你,凡事都没有绝对情况,你不妨在这时试着? 256色的格式将图片存储成GIF格式,与JPG格式的文件比一比哪个字节数更少,图像质量如何,最终才决定使用什么图像格式。
4.前面几乎将图像减肥的方法都说出来了,也就是说图像的字节数已经是无法再减少了。但是,我们可以想办法在图像文件大小一定的情况下,让浏览者可以耐心等待图像全部出来。其方法是采用隔行GIF和逐级JPG方式。隔行GIF是指图像文件是按照隔行的方式来显示的,比如先出奇数行,再出偶数行,造成图像是逐渐变清楚的。将图像文件保存成隔行GIF格式的方法是,在Photoshop中进行保存时,选择“Interlaced”(不要选择“Normal”),在Paint Shop Pro中进行保存时,点击“Option…”按钮,选择“Interlaced”(不要选择“Non Interlaced”)。逐级JPG文件可以让图像先以比较模糊的形式显示,随着图像文件数据不断从网上传过来,图像会逐渐变清晰。这样做的好处是图像可以尽快地显示出来,虽然图像不很完美,但是却让浏览者看到了希望,并且图像在不断地变好。将图像文件保存成逐级JPG格式的方法是,在Photoshop中进行保存时,选择“Progressive”,在Paint Shop Pro中进行保存时,点击“Option…”按钮,选择“Progressive encoding”。
5.还有一种让浏览者可以耐心等待图像显示出来的办法,那就是使用预览图像。即在显示原图之前,先显示一幅字节数比较小,画面质量相对较差的图片。由浏览者决定是否浏览原图。通常,预览图像都是主图像的低分辨率、高压缩率的版本。
使用预览图像的方法是:<img src="temp.gif" lowsrc="preview.gif">,其中temp.gif是原图,而preview.gif是预览图。
6.在可以达到预期目的的情况下,尽量把图形尺寸做小,图形尺寸越小,则字节数相应就会越少。
在制作图像时,还要尽量将图形四周无用的信息去掉,比如说你制作了一个非常漂亮的美术字的图片,它的背景是黑色,而网页的底色也是黑色,这时你就一定要让美术字尽量充满整个图像,不要让图片中黑色的底色边框过大,因为图片的底色最终要与网页的底色融为一体,在美术字大小一定的情况下,图片做得越大,图像文件大小的字节数就会越多,在网上传输起来就越费时间。还有就是在*.html文件中使用图像时,可以添加WIDTH和HEIGHT属性,它们分别代表图像在页面上显示时的宽度和高度。需要说明的是,这个宽度和高度与图像本身的尺寸无关。例如,你可以在*.html文件中这样使用尺寸为88×31的图像文件logo.gif。
猜你喜欢
- 一、出错情况 有些时候当你重启了数据库服务,会发现有些数据库变成了正在恢复、置疑、可疑等情况,这个时候DBA就会很紧张了,下面是一些在实践中
- 简介Simon Willison来自英国,是一名经验丰富的开发人员。曾工作于Yahoo,是Web开发框架Django的创始人之一,也是Ope
- 小毅的blog:http://andymao.com/前天网上有个朋友发给我一个页面让我帮她看一下为什么鼠标翻转实现不了。我打开源文件看了一
- 每次写完的东西就忘了,下次用时还要重查资料重新写,这是今天写的一段测试代码,保留下来,记录给自已,同时分享给大家。目标:把下边的这个上传文件
- 1.字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66
- asp中利用XMLhttp对象获取远程的数据,然后用二进制输出到客户浏览器,让客户下载数据,此例从某一远程服务器获取一个压缩包,并且输出到浏
- 如何在页面中对不同的数据进行相同的处理?selectId.asp' 列出所有客户的客户名称<html><
- 下面就是解决方案: 1- From the command prompt, stop isqlplus: c:\>isqlplusct
- 数据库优化是一项很复杂的工作,因为这最终需要对系统优化的很好理解才行。尽管对系统或应用系统的了解不多的情况下优化效果还不错,但是如果想优化的
- 如果我们知道一个静态文件的实际路径如:https://www.aspxhome.com/download/cidianwang.pdf,如果
- 这几天在QQ群里知道了几个比较好的优化方面的站,感觉看高手的文章简直就是一种享受。和很多现在正在阅读这篇文章的站长一样,我即将毕业,但是还没
- 在介绍GROUP BY 和 HAVING 子句前,我们必需先讲讲sql语言中一种特殊的函数:聚合函数,例如SUM, COUNT, MAX,
- 在当前的Web设计中,jQuery被越来越多地应用在Web开发中,之所以jQuery收到如此程度的欢迎,除了其本身具备的优秀易读易操作的代码
- 上次 li 把 dl 模拟了~dl不知道要干什么了:green:~找了ol一起来做复合列表~:这个练习除了css外~外加用了点JS :shi
- 是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即
- 北京邮电大学 张剑XML的局限性目前,许多Web网站的内容数据都存放在数据库或数据文件中。对于Web程序开发人员来说,如果要想把有用的信息从
- 首先说明,伪造访问来路不是什么光明正大的事情,目的就是为了欺骗服务器。原本以为给 XMLHTTP 对象增加一个 Referer 的heade
- 程序设计中我们时常需要检测用户输入是否正确,特别是姓名,地址等等是不是输入的汉字。那么,如何判断一个字符是不是汉字呢?其实在asp中至少有两
- 几天前,想把上个月校园招聘的餐旅费报销一下。结果在公司内网的报销系统折腾了三个半小时才搞定。看看自己报销的金额:802块。觉得挺无奈,花了三
- 1.delete不能使自动编号返回为起始值。但是truncate能使自动增长的列的值返回为默认的种子 2.truncate只能一次清空,不能