您现在的位置: 丁丁家园 >> 网上学院 >> 网页设计 >> FireWorks >> 文章正文
CN域名1元/年 | 高清晰图库
    

[组图]Fireworks优化网页图像详解

      ★★★★
【字体:
·好听的歌 ·火影忍者 ·繁体字转换 ·在线听歌 ·火影忍者漫画 ·最新歌曲 ·psp游戏下载 ·photoshop ·火星文
Fireworks优化网页图像详解
作者:佚名    文章来源:天极    点击数:    更新时间:2005-10-18
 
二、优化GIF和PNG图像

1. 设置调色板、色度、抖动与色损

当选择GIF与PNG8格式时,可选择调色板,各调色板的特点如下:

· Adaptive:该调色板是从所有颜色中提取的系列色彩,是被使用最多的调色板,可以使用最少的颜色实现较好的效果。

· WebSnap Adaptive:是一种更高级的自适应调色板,这种调色板既兼顾色彩的丰富性又考虑了浏览器的兼容性,建议用户使用这个调色板。

· Web 216:通用于Windows与Macintosh平台的216色调色板。由于它能在各种8位显示平台的浏览器中保持相当好的一致性,因此是最保险的网络图像调色板。

· Exact:包含图像中使用的精确颜色。只有当图像中的颜色小于256时,才可使用该调色板。当图像所包含的颜色数超过256时,它自动转换成“最适色彩”模式的调色板。

· Windows和Macintosh:使用由Windows系统或Macintosh平台定义的标准256色。

· Grayscale :小于256灰度级的调色板,将把图像转换成灰度图。

· Black & White:由黑、白颜色组成的双色调色板。

· Uniform:基于RGB像素值的数学调色板。

· Custom:自定义调色板。其基本内容可来自于标准调色板或GIF文件,用户可在此基础上对调色板进行修改。另外,当用户改变过调色板的某种颜色后,原来的模式会变成“Custom”模式。

用户还可利用颜色编辑框设置色深,利用抖动编辑框设置抖动。对于GIF格式,还可以利用失真编辑框设置色损。该数值越大,文件尺寸越小,但图像质量越差,如图5所示。

 
图5 GIF和PNG微调优化参数面板

2.设置反锯齿颜色

单击Optimize面板中的色版按钮可设置反锯齿颜色,它通过将对象颜色与画布颜色混合使对象看起来更平滑。为防止出现光晕,可使画布颜色与网页背景颜色相一致,为对象增加反锯齿效果,然后将画布设置为透明。

在Fireworks MX 2004中,关于GIF图像优化的选项,还有在优化面板的弹出菜单中设置GIF的“Interlaced”属性,其作用是可以在浏览器中实现边下载边显示的效果,如图5所示。

图 6 设置“Interlaced”属性

三、优化JPEG图像

JPEG格式的优化设置面板如图7所示,用户可以设置如图参数。

图7 JPEG的微调优化参数面板

1. JPEG的选择压缩

上一页  [1] [2] [3] [4] 下一页

【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口推荐赚点

网友评论

【发表评论】
(评论内容只代表网友观点,与本站立场无关!)

本频道栏目分类导航