当前位置:软件学习 > Photoshop >>

利用POTOSHOP5.5压缩网页图像

P style="MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; LINE-HEIGHT: 200%" align=left>有位朋友来信,向我提了两个问题:为什么我们的网站用了不少较大的图,而速度依然挺快?他说自己从不用大图做底纹用。另外,为什么我的一幅尺寸比他的作品大了不少的图象,文件倒反而更小?

我在网上也经常看到,有的朋友对图象压缩似乎并未太多用心,比如用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不作介绍了,反正,这两个软件几乎没什么界面上的差别。 /P>

至于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则在这个基础上加入了特殊的算法。比如你画了一条水平线,压缩程序会记录这条线的颜色,长度等内容,而无须按每个像素的方式重复记录,这是压缩的基本原则。所以,当图象的色调变化非常大时,即使只占据了整个画面的一部分,压缩时,那些多色调区必须一点一点地记录,所以,文件也将较大的。编辑图象时须考虑到这一点。

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



上一个:轻松建网之放射特效字的制作
下一个:实例说明构图要讲规律

更多Photoshop疑问解答:
Photoshop:小技巧之八(2)
Photoshop:小技巧之八(1)
巧用PS给照片去噪
PS技巧:利用光晕来美化字体
Photoshop制造温馨与浪漫
Photoshop经典广告案例分析之雀巢咖啡
Photoshop给MM美容
Photoshop经典广告案例分析
玩转Photoshop的收藏夹
Photoshop轻松掌握图像合成(二)
Photoshop轻松掌握图像合成(一)
Photoshop处理数码照片
Photoshop处理照片艺术
Photoshop的艺术效果
Photoshop创意之兽面人生
Dreamweaver
Fireworks
FrontPage
Flash
Photoshop
Coreldraw
Excel
Word
Powerpoint
outlook
wps
AfterEffects
3D MAX
Director
Authorware
PremierePro
Foxmail
Maya
ISA
会声会影
其它软件
AutoCAD
如果你遇到软件学习难题:
请访问www.zzzyk.com 试试
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,