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

塑造网页图片魔鬼身材

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

Fireworks是网页图像处理软件,有自动切图、生成动态感应的JavaScript、动画制作等强大功能,还能与Dreamweaver无缝连接,利用Fireworks,我们还可以快速对网页图片进行优化。

  对网页图片优化,就是在下载速度与图像质量之间作出平衡,既保证图像质量,又能大大加快下载速度。Fireworks支持GIF、JPEG、TIF、BMP等多种格式图片的导入,但一定要 
合理选择输出格式,才能达到优化。由于很多浏览器还不支持PNG格式图片,这里只介绍GIF及JPEG两种常用格式在Fireworks中的优化技法:

  GIF格式的优化输出

  GIF格式最多可包含256种颜色,并且图片颜色较少时可以获得无损压缩,还可以包含透明区域,因此对非连续色调图像、颜色比较单一的图像或有大面积区域需设为透明的图片,保存为GIF格式可以取得较好的效果。

  1、删除图像中不使用的颜色。在Optimize的弹出菜单中选择“Remove Unused Colors”(如图1),即可删除无用颜色,大大缩减文件的尺寸。


图1

  2、设置透明区域。在Optimize窗口中选择“Alpha Transparency”或“Index Transparency”,通过色表(Color Table)把图片不必要部分设为透明,可大幅度减小图片容量。

  3、在色表中把一些相近颜色删去,减少颜色的数目,同样可以为图片减肥。

  4、减小抖动值。抖动处理虽有助于补偿损失的色彩,但会使图片增肥,因此可适当把“Optimize”窗口中的“Dither(抖动)”值降低,以达到减肥目的。

  JPEP格式的优化输出

  JPEG是存储照片或连续色调图像的较好格式,对超过256色的扫描图片、纹理图像等最好以这种格式保存。

  1、选择压缩。所谓选择压缩,就是我们使用不同级别来压缩JPEG图形的不同区域。图像中的重要区域我们在“Selective Quality”中以较高的数值来进行压缩,保证这部分图像的质量,而图像中不重要的区域,则可以设置较低的值。方法:用Marquee工具选中要压缩区域;点击菜单“Modify/Selective JPEG”,选“Save Selection as JPEG Mask”,对受选部分进行遮罩;然后在Optimize面板的“Settings”中选择“JPEG-Smaller File”或“JPEG-Better Quality”;再点击“Selective Quality”按钮,勾选“Enable Selective Quality”,在文本框中键入一个压缩值(如图2),值越小,质量越差,当然文件个头也越小;最后点击“OK”按钮即可对受选区进行压缩。若你在图中勾选“Preserve Text Quality”、“Preserve Button Quality”两项,则文本及按钮都会保持高质量输出。


图2

  2、适当设置Smoothing的值。此值越大,输出的图像个头越小,但图像也会跟着模糊,根据使用情况,此值设在3~5之间最为适宜。

  3、导出前在Optimize的弹出菜单中勾选“Remove Unused Colors”以删除无用颜色。

  交错GIF及渐变JPEG输出

  交错GIF及渐变JPEG都会在浏览器中先以低分辨率显示然后再在页面持续下载的过程中清晰显示出来,在较大的网页中使用,是极好的方法。如果特别大的图像(优化后超过20KB),最好采用这种方式。设置:只需在Optimize的弹出菜单中选择“Interlaced(交错)”或“Progressive JPEG(渐变JPEG)”即可。但图像以交错GIF或渐变JPEG输出都会使图像容量增大不少,页面整体下载时间加长。因此对于小图片,则没有必要使用这两种方式。


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