45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

给你的网页图片“减肥”

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:11 作者:45IT收集

经过一番优化,原来379KB大小的JPEG图像被压缩到了77.7KB,而且图像质量并不差!想知道应该怎么做吗?看看下面的文章……

  笔者有自己的个人主页,经常需要在设计网页时加入一些图片。可是有许多比较精细一些的图片个头都不小,非常影响整个网页的运行效率。我们在设计网页时如何才能在图像质量和图像大小之间找到一个合适的比率呢?友立公司出品的PhotoImpact(Photo 硬派)软件中所带的图像优化器可以帮你的忙。下面笔者就来介绍一下它的使用方法:

  第一步,运行“PhotoImpact”软件,打开要优化的图像。

  第二步,打开“图像优化器”,单击“Web”菜单中的“图像优化器”选项,打开“图像优化器”命令框,单击右边预览窗口下方的“JPEG 图像优化器”按钮。

  第三步,设置模式。单击“JPEG 选项”选项卡,在“模式”右边的下拉框选择创建JPEG文件的模式,这里有渐进、标准或标准优化三种模式,“渐进”可以使图像在下载时以逐渐淡入的方式显示,“标准”将创建与所有浏览器都兼容的图片,但这样的文件体积要比“渐进”模式的文件大,而“标准优化”则可以用非渐进的压缩技术创建尽可能小的图像文件。

  第四步,设置采样模式。“二次采样”可以改善压缩状况,但也可能会损失一些色彩信息。这里我们在“二次采样”中选择“YUV411”模式,这种模式的压缩率是最高的。

  第五步,设置压缩率。拖动“质量”右侧的滑动条来调整压缩程度,或者直接在输入框中输入数值也行。数值越小,文件体积也就越小,但图像的质量也就相对越差。这里调节时注意一些,压缩的不能太厉害了,否则图像可能会变得惨不忍睹了哦!一边拖动滑块,一边注意在预览窗口中查看效果,个人认为质量在40左右就可以了。

  第六步,设置图像柔化度。单击“柔化”右边的下拉框,选择一个数值,数值越高,图像显得越平滑,尺寸也会越小,也会更模糊一些。然后在“文件类型”中选择真彩色(。

  第七步,批处理。为了掌握好压缩率与图像质量之间的关系,您可以用“批处理”命令来了解一下各个压缩率下的图像效果。单击“批处理”按钮,打开对话框,在这里设置好压缩质量的范围及测试次数后,单击“确定”按钮进行批处理压缩测试。完成后,您可以在“批处理结果”对话框中查看测试结果,满意哪个结果,单击“选取”按钮即可。

  经过上面的设置,你已基本完成了图像的优化,这时候你可以单击原始图像下方的“浏览器预览”按钮用默认的浏览器查看一下图像在网页上的效果了。图像下方有图像的大小、下载时间等参数。你可以单击“调制解调器速度”菜单按钮,选取好连接速度,计算一下优化后图像的下载时间,这样就可以进行有的放矢的调整了!

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识