首页 | 新闻资讯 | 软件应用 | 图形图像 | 网络应用 | 硬件学堂 | 程序开发 | 安全中心 | 素材下载 | 作者专区 | 学院论坛
精选专题 | 精美壁纸 | 专家答疑 | Flash剧场 | Photoshop | 名词解释 | 梦幻桌面 | PS高手进阶 | QQ区 | 图书 | 黑客教材
Flash教程| 卡通制作 | AutoCAD | 3DMax实例 | PS视频教程| 网页制作 | CorelDRAW| Firework | 滤镜与实例 | 全部视频教程
当前位置:eNet硅谷动力 > 学院频道 > 设计技巧

网站设计中图象与速度的联系
2004-12-20 14:29 作者:PCDOG 来源:eNet论坛
【简 介】
有位朋友来信,向我提了两个问题:为什么我们的网站用了不少较大的图,而速度依然挺快?他说自己从不用大图做底纹用。另外,为什么我的一幅尺寸比他的作品大了不少的图象,文件倒反而更小?
    
加入收藏  设为首页

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

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

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

热门推荐:
炫出你的精彩 自动聊天集中营

穿墙术:BT下载软件穿透防火墙








关键字: 网站设计  网页制作  Dreamweaver 
您对这篇文章的看法是:    喜欢 反感 支持 反对 加油 鄙视 学习 打击 佩服 漂亮 路过 发表评论
视频教程】 【专题汇总】 【不懂就问我关闭窗口

360安全卫士 V5.1.1正式版发布!
Photoshop给模特美腿加上质感肤色
了解差距 国外27款创意名片设计赏
认清五种被忽视的黑客攻击方式
QQ音乐播放器2009正式版今天发布!
 本栏目最新文章
·网站对字体大小的选取也是有学问的
·技巧:教你制作友好的错误页面
·返回404错误页面的合理设置方式
·UCenter Home好友上限与150法则
·SNS网站个性展示:图片幻灯片切换
 精彩回放
·3DSMAX打造书本翻开效果
·共享上网技巧应用四则
·陪酒女浸泡在酒里的青春
·美女的性感靓丽婚纱设计
·妖冶身姿 死或生3壁纸
·剿灭Win XP下的29个烦恼
·黑客必备 NET命令大全
·用PS制作精致绝伦的红酒
 精彩推荐
 今日软件下载
杀毒软件免费随便用
瑞星全功能安全软件2009 基于“云安全”策略和“智能主动防御”技术开发.
www.rising.com.cn
 往日推荐
·推荐“美图秀秀”就能赚Q币
·五大搜索引擎横向评测
·防御计算机病毒十大步骤

论坛精华
·史上最强最多 photo 
·photoshop完美扣图教 
·网络学院flash教程目 
·Photoshop下载大全 
·PhotoShop实例精选电 
·打包笔刷 附图的~~ 
热点推荐
绘制逼真金蛋
浪漫婚纱照片
Flash视频编程
Ulead GIF教程
热点关注
·Flash CS4 制作经典小游戏
·C语言程序设计视频教程
·PHP+MYSQL开发视频教程
·Flash CS4从入门到精通教程
·服装设计与效果图绘制教程
·21视频之Fireworks8网页制作
·Vray高级实例应用视频教程
·CorelDRAW14入门到高级教程
·Vray高级实例应用视频教程
全国计算机等级考试二级(VB语言)
往日推荐
网站重构设计
鹏哥C#教程
服装设计教程
PS唯美风景
焦点关注