首页 | 新闻资讯 | 软件应用 | 图形图像 | 网络应用 | 硬件学堂 | 程序开发 | 安全中心 | 素材下载 | 作者专区 | 学院论坛
精选专题 | 精美壁纸 | 专家答疑 | 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 
您对这篇文章的看法是:    喜欢 反感 支持 反对 加油 鄙视 学习 打击 佩服 漂亮 路过 发表评论
1.您是否愿意通过eNet在线报名的方式,参加培训机构的培训?
是 
2.通过硅谷动力报名,您希望得到哪些优惠?
学费打折 赠送课时
3.报名后,您更愿意将培训费用:
通过eNet转交培训机构
直接交给培训机构
4.您在选择培训机构时,更注重:
培训机构名气  培训费用
5.您的年龄范围:
15~18岁  19~22岁
23岁以上
视频教程】 【专题汇总】 【不懂就问我关闭窗口

用Photoshop笔刷打造梦幻蝴蝶仙子
美不胜收 XP也用Vista七彩泡泡屏保
D.SPEED可爱的宇宙机器人设计欣赏
网络工程师必须掌握的44个路由知识
一周软件回顾 傲游软件易用性更强
 本栏目最新文章
·网页访问速度提高的关键和解决方法
·404错误页面的解决办法与正确设置
·合理运用HTML标题标记和强调标记
·开发技巧:网页设计中的黄金比例
·网页注释在网页中引发的两个问题
 精彩回放
·3DSMAX打造书本翻开效果
·共享上网技巧应用四则
·陪酒女浸泡在酒里的青春
·美女的性感靓丽婚纱设计
·妖冶身姿 死或生3壁纸
·剿灭Win XP下的29个烦恼
·黑客必备 NET命令大全
·用PS制作精致绝伦的红酒
 精彩推荐
 今日软件下载
汇聚精彩 清晰流畅
NETiTV
网络电视王中王
 往日推荐
·手工破解网吧多种限制
·Windows 网络管理技巧
·WMP 10使用技巧三则
·女孩问你帅不帅 要小心
·注册表优化XP 20招
·制作XP万能ghost光盘
·WMP10火拼DVD播放器
·街头霸王图片集中营
·五大搜索引擎横向评测
·防御计算机病毒十大步骤

论坛精华
·PS去掉图片上的文字 
·photoshop完美扣图教 
·国外高手的调色合成 
·史上最强最多 photo 
·PS初学者十三课,献给 
·eNet学院史上最优秀 
热点推荐
修复灰暗照片
浪漫婚纱照片
Flash视频编程
章子怡月历桌面
热点关注
·网站开发全程设计视频教程
·Photoshop CS3平面广告设计
·C++从入门到精通视频教程
·ASP.NET经典实例视频教程
·Flash8 Pro经典实例视频教程
·计算机等级考试二级VB上机
·eNet网络安全视频教程
·瑞星杀毒30元轻松用全年
·瑞星卡卡上网助手 正版免费
有女如莲 Photoshop手绘古典美女
往日推荐
网站重构设计
鹏哥C#教程
美女怀旧照片
网站开发
焦点关注