您现在的位置是: 网站设计 ->设计教程 ->网页设计 ->
本文关键字: 网页 设计
Google
 
网站设计中图象与速度的联系
作者: 开心 | 发布时间: 2008-05-12 05:18 | 信息类别: 网页设计 | 访问人次:
评论 推荐 打印 编辑 】 【 关闭
  

  




  有位朋友来信,向我提了两个问题:为什么我们的网站用了不少较大的图,而速度依然挺快?他说自己从不用大图做底纹用。另外,为什么我的一幅尺寸比他的作品大了不少的图象,文件倒反而更小?


  我在网上也经常看到,有的朋友对图象压缩似乎并未太多用心,比如用Photoshop存储JPEG格式吧,我猜想大多数情况下都是直接用Save as或Save a copy as这样的命令。当选择压缩比率时,软件仅提供了十个等级,压缩后的效果也不能马上看到,另外,如果是Photoshop4.0或5.01版,对JPEG的压缩,运用于网络也不算理想。网络图象,较大的也就是接近1024x768。因为显示器目前较大的就是17寸。更多的,则是在600或700点左右,这时,压缩成JPEG格式,弄不好就会把图象搞得模糊。至于GIF格式,它的压缩手段主要在颜色数和颜色表的选择等方面,经常使用GIF的人不一定就对它有很好的控制。而GIF的压缩方式及效果,在不同的软件里往往不同,大家还是应该稍加注意。有位网友在首页上用了一幅图象,也就是页面的五分之一,但首页下载速度相当慢。我把图象存下来一看,居然有85K。我重新把它存了一下,也就是24K左右。我是用Photoshop5.5存储这幅图象的。


  Photoshop5.5已经发布很长时间了,不过,当中文版的5.01流行之后,许多人不大关心5.5英文版。实际上这是个大失误,尤其对各位网友们更是如此。因为,Photoshop5.5最大的变化,就是对网络的支持。近来,Adobe对网络的关心是大大增加了,Golive的出现、ImageStyler给网页美术带来的方便、ImageReady2.0与Photoshop5.5的捆绑,都能说明问题。


  在5.5版里,无论是Photoshop还是ImageReady,当你输出JPEG或GIF文件时,你将得到完全的自由控制权。ImageReady2.0还能极容易地制作动画GIF,想了解这方面内容,请看我的《用ImageReady2.0作动画》,这里对ImageReady2.0不作介绍了,反正,这两个软件几乎没什么界面上的差别。


  至于Photoshop5.5,当你将文件存储时,不论是JPEG还是GIF,建议你用File里的Save for Web命令。会出现一个新的控制板,左侧的大块面积是图象的预览效果,注意请选择左上角的Optimized显示方式,这时你看到的图象就是目前压缩比率下的效果,下方还有文件压缩后的大小及在不同传输速率下的传输时间。右边,是压缩控制区,我已将它剪切下来,请仔细看看,并不复杂。输出JPEG时,你可以控制压缩比率,从1%到100%,随你选择,同时,可以观察压缩效果,Blur是模糊度选择,当图象太硬,也就是说锐化程度过高时,可以稍微加一点模糊度。其它各项大家自己研究一下,不难理解的。需要说明的一点是,当你输出较大的图象时,不要选择Progressive复选框,这样,图象会随着下载过程一部分一部分地显示。如果你选择了Progressive,则只好等图象全部下载后才能显示了。


  对于GIF,情况与JPEG类似。这时你控制的是颜色数,不再是压缩比率。 Photoshop5.5的GIF压缩很聪明,假如你的图象只用了两种颜色,并且尺寸很大,上面画了些光滑曲线。这时,如果存成JPEG,线条将很容易模糊,大面积的等值色块也将出现色斑。要避免这种问题,必须选择GIF格式。将颜色数选为2或4,你设定的那两种颜色会很好地保留下来,而文件又小,你该满意了,并且感谢Adobe吧。


  当然,无论是JPEG还是GIF,图象压缩的程度,除了你的控制因素外,还与图象本身的具体情况有关。所谓压缩,是指程序将每一行像素点中相同的连接部分以简单的数字进行记录,JPEG则在这个基础上加入了特殊的算法。比如你画了一条水平线,压缩程序会记录这条线的颜色,长度等内容,而无须按每个像素的方式重复记录,这是压缩的基本原则。所以,当图象的色调变化非常大时,即使只占据了整个画面的一部分,压缩时,那些多色调区必须一点一点地记录,所以,文件也将较大的。编辑图象时须考虑到这一点。


  最后,谈谈网站速度的问题。朋友说我们的网站下载速度较快,这是可能的,虽然并不总是这样。我们的网站是正式申请的,交了钱,从域名可以看得出来。选择的服务商也较新,先进的技术,先进的设备,无疑起了大作用。这一点,免费站点是作不到的。如果你对自己的网站怀着极大的期望与信心,劝你想点办法,申请一个正式的域名吧,当然,要谨慎选择服务商。


『相关链接』
序号
标题 发布日期
1
2008-06-08 22:55:30
2
2008-06-08 22:44:45
3
2008-06-08 22:12:34
4
2008-06-08 22:07:26
5
2008-06-08 22:05:54
6
2008-06-08 22:02:47
7
2008-06-08 19:38:26
8
2008-06-08 19:34:57
9
2008-06-08 19:32:30
10
2008-06-08 19:05:04
    查看所有相关的信息...
【郑重声明】【上海IT外包服务网】 刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何投资或其他建议。转载需经作者本人同意并注明出处。本网站有部分文章是由网友自由上传。对于此类文章本站仅提供交流平台,不为其版权负责。如果您发现本网站上有侵犯您的知识产权的文章,请发信至 或直接电话联系: 021-58879030
请您留言
『发表评论』
匿名发表 会员ID: 密码:

上海蝶应信息科技有限公司
上海市商城路341号紫光大厦1305室 +0086-21-58878998 11394019
dieying@541help.com +0086-21-58879030HappyFreeAngel@hotmail.com
Copyright@2007 IT-WAIBAO.COM Inc.沪ICP备05039378号 版权所有2007-2010 管理员登陆