FW4中文帮助--优化图形概述(1) |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
优化图形概述 网络图形设计的最终目标就是,设计制作出下载十分迅速的优美图像来。为了能够做到这一点,你必须为你的图像选择一种具有最佳压缩比的文件格式,同时最大程度地保持图像的质量不受损失。这种平衡的举动就是图形优化——也就是寻找到最佳的颜色,压缩比和质量的混合方案。 在 Fireworks 中,优化设置只能够应用于被导出的图像。因而,在图像的设计制作过程中你可以自由随意地进行创作,丝毫不用担心颜色的限制或是应用后的效果。然后在你准备导出你的图像时,再对优化设置进行选择,定义,比较,这才是最佳的方法。 在 Fireworks 中,对图像的优化是由三部分的工作组成:
在工作区中进行优化 Fireworks 的优化控制选项非常方便地被放在工作区中的面板上:
你可以选择一些常用的优化设置,来快速设定文件格式,应用一些明细格式选项。当然你也可以调整预设优化设置。 如果预设优化选项不能满足你对图像更为精确的优化要求,你可以使用 Optimize 面板创建自定义优化设置。 选择预设优化选项; 从 Optimize 面板的 Settings(设定)弹出菜单中选择一个设置。 ![]() 以下预设选项是可选的: GIF Web 216 强制所有色彩转换为网络安全色(Websafe colors)。这个色板最多包含 216 种颜色。参阅 设置网络安全色。 GIF WebSnap 256 会把所有非网络安全色转换为与之相近的网络安全色。该色板最多包含 256 种颜色。 GIF WebSnap 128 同样也会把所有非网络安全色转换为与之相近的网络安全色。该色板最多包含 128 种颜色。 GIF Adaptive 256 该色板包含所有在图形中使用的实际颜色,其最多包含 256 种颜色。 JPEG - Better Quality 该选项将 quality 设定为 80,smoothing 设定为 0。其结果将产生质量较高但体积较大的图形。 JPEG - Smaller File 该选项将 quality 设定为 60,smmothing 设定为 2。其结果会产生体积小但质量较低的图形。 注: 你为图形选择的 GIF 设置类型应该根据图形中颜色的数量而定。一个含有 128 种颜色的色板最适合那些使用较少颜色的小型文件。 请参阅选择文件格式。 为图像指定优化设置:
指定切割的优化设置 指定切割的优化设置 你可以为切割文档中的每一个切割部分指定一个不同的优化设置。举例来说,如果切割中的一部分包含的是照片,导出格式选择 JPEG 最好,而同时另一部分只是一个单色区域,导出为 GIF 格式可能获得更好的压缩效果,这时你就可以对其分别进行优化设置了。通过在不同部分设置切割,你可以为不同部分进行不同的优化导出。 在你在 Web 层上选取了一个切割对象后,Optimize 面板就会显示出该切割的优化设置。 为一个切割部分设置优化选项:
使用切割覆盖层 在 Preview,2-Up,和 4-Up 查看方式下,切割覆盖层可以将当前被优化的区域同文档其它区域区别开来。切割覆盖层,默认情况下切割覆盖层是开启的,它使用一种暗淡的、透明的白色将还没有被优化的区域显示出来。切割覆盖层在 Original 查看方式下是不显示的。 ![]() 当准备对被选切割进行优化的时候,未被优化部分就显得暗淡了 ![]() 如果没有切割被选取,那么切割区域就会变得暗淡,而文档其它区域就会被优化 在 Preview,2-Up,或 4-Up 窗中你可以选定区域来进行优化。当有切割被选中后,其覆盖层就会关闭。通过按住 Shift 键使用 Pointer 工具进行点击来选取多个切割区域。 选取要优化的区域:
隐藏或显示切割覆盖层: 选择 View -> Slice Overlay(显示 -> 切割覆盖层)。 当你对显示切割的原始图形和隐藏切割的优化图形进行比较的时候,你会发现在 2-Up 和 4-Up 预览窗内隐藏切割覆盖层是非常有用的。 保存和重复使用优化设置 你可以将你的自定义设置保存起来,以便以后在图形优化或者批处理过程中使用它们。保存自定义预设会将下边这些内容保存起来:
将自定义优化设置保存为预设:
与其他的 Fireworks 用户分享保存的优化设置: 将保存的优化预设文件从 Fireworks 4\Configuration\Export Settings 文件夹中复制到其它计算机的同一文件夹中。 删除自定义的预设优化设置:
预览优化设置和行为 预览优化设置和行为 Preview 窗中显示的是图像基于当前的优化设置导出以后的效果。另外,你也可以在导出之前利用 Preview 窗口测试行为和 Rollover 效果。 预览基于当前的优化设置的图像:点击文档窗口左上角的 Preview 标签。 ![]() 在预览窗口显示或隐藏切割对象和切割辅助线: 点击 Tools 面板中的 Show/Hide Hotspots and Slices (显示/隐藏热区和切割)按钮。 预览按钮和 rollover 效果 在 Preview 窗口移动 pointer 工具到 rollover 或按钮之上,看一看这些对象在网际浏览器中的表现。 注: 你必须查看第一帧来预览按钮或 rollover 效果。为了转到第一帧,在 Frame 面板中点击它。 评估文件下载时间 Preview 窗口会显示出图像的合计大小和预计下载时间。这里预计出的文件下载时间是一个平均时间,是指当下载使用 28.8K 的调制调节器时按照当前的优化设置下载所有的图像切割部分及其所有的 rollover 状态时所使用的时间。 比较优化设置 如果你想比较一下同一幅图形在不同的优化设置下的效果有何不同,可以使用 2-Up 和 4-Up 标签将文档窗分割成两个或四个预览窗口。你可以为每一个浏览窗口指定不同的优化设置,然后比较每种设置选择对图像的不同影响。 当你使用 2-Up 或 4-Up 预览方式的时候,第一个窗口显示的是原始图形。在这种查看方式下,你可以继续对图形的编辑,并将原始图形与优化后的版本进行比较。 在每一个预览窗口的底部显示的是当前预览设置的一些统计信息,包括文件的格式,预计下载时间,文件大小,色板,和使用的颜色数。 ![]() 预览窗口 比较两个或四个不同的优化设置:
在 2-Up 或 4-Up 预览方式下将原始文档窗口转换成优化版本:
在 2-Up 或 4-Up 预览方式下将任意一个优化查看窗口转换成原始文档查看窗口:
选择文件格式 |