利用POTOSHOP5.5压缩网页图像,欣赏,视觉,平面,广告,VI,画册,教程,技巧,PS

设计欣赏 当前位置:设计首页 >> 教程 >> PS实际应用 >> 正文 >> 利用POTOSHOP5.5压缩网页图像
利用POTOSHOP5.5压缩网页图像

杂志设计


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

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

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


三维设计

相关链接:设计,欣赏,教程,下载,PS教程,photoshop应用
Google
WEB DOFOTO.NET
最 新 文 章
相 关 文 章
水木清华平面稿设计欣赏
名牌的独特视觉广告[组图
古典的房产楼书设计欣赏
宝业.家纺广场——楼书欣
同人.春江时代——房地产
最新整理房地产经典广告
山水龙城—楼盘广告欣赏
新天地房产VI设计欣赏
Yamaha Marine 平面广告
MAKE SOME NOISE 平面广
蔚蓝星座楼盘广告欣赏
OMEGA(欧米茄)平面广告
国外经典平面设计欣赏
Elizabeth McGrail 封面设
elixirstudio平面设计欣赏
elixirstudio平面设计欣赏
elixirstudio平面设计欣赏
书籍封面设计 Liz Demeter
CD封面设计-AnnSmalley
hiroshi日本艺术作品欣赏
欣赏欧美乐队封面(三)
韩剧《宫》风靡一时 终极恶
站 内 搜 索
Google
WEB DOFOTO.NET
利用POTOSHOP5.5压缩网页图像相关设计:您现在欣赏的是由DOFOTO.NET设计欣赏站为您提供的《利用POTOSHOP5.5压缩网页图像》,谢谢您!设计师学习设计的技巧和捷径是多看大师的作品,利用POTOSHOP5.5压缩网页图像等设计资源欣赏,下载,图库,为平面设计教程,CorelDraw,PS,文字,滤镜,设计师打造一个自我学习和提升的平台,认真阅读艺术与设计杂志,一切有关平面设计的技巧都囊括其中,欣赏,视觉,平面,广告,VI,画册,教程,技巧,PS而且毫不张扬,温文而雅,纵观平面设计的发展趋势,主要体现在设计工作模式和结构的变化,以及设计表现和形态的变化,多做,多想,只有不断学习借鉴优秀设计师的作品才能不断的提高自我,才能不断地迈向成功.我们为您提供丰富的平面设计,网站设计,广告设计,画册设计,包装设计,标志设计,海报设计,封面设计vi设计,设计,欣赏,教程,下载,PS教程,photoshop应用,平面设计教程,CorelDraw,PS,文字,滤镜等设计类欣赏,教程和学习文章.欢迎收藏本网站,并记住我们的域名:WWW.DOFOTO.NET,点击此处返回设计网站首页!
推 荐 新 闻-+平面设计教程,CorelDraw,PS,文字,滤镜,设计欣赏,教程,技巧,ps+-
杂志封面设计欣赏003 杂志封面设计欣赏002 杂志封面设计欣赏001 DAF2005(美国地区)获奖作品
图形招贴设计欣赏(COPYRIGHT shirly kasmara 封面设计欣赏 Robert Mangrobang 封面设计 Angela Mercado 杂志设计
Matt Sams 杂志封面设计欣赏 David Tobin 杂志封面设计欣 Scott Shultz 杂志封面设计欣
|画册设计|样本设计|广告设计|DM设计|展示设计|专卖店设计|标志设计|VI设计|海报设计|LOGO设计|信封设计|设计论坛|

2004-2006 设计欣赏与设计教程