FW4中文帮助--优化图形概述(2) |
||||||||||||||||||||||||||||||||||||||||||||||||||||
选择文件格式 由于拥有相当高的压缩比,GIF,JPEG 都是网络开发中经常用到的图形文件格式。由于不是所有的网际浏览器都支持 PNG 格式,所以它的使用还不十分普及。压缩确保文件了在 Internet 间的快速传递。可是,图形的效果会由于不同的文件格式而有比较大的差别,这主要取决于每中文件格式的压缩方法。因此,究竟选用哪一种文件格式,主要还是取决于你图形的设计和应用范围。 选择 GIF 格式 Graphics Interchange Format(图形交换格式),或者简称为 GIF,是一种流行的网络图形格式。GIF 格式最多包含 256 种颜色。尽管当图形中包含的颜色超过 256 种时其质量会明显下降,这种格式仍提供了良好的压缩方法。此外,GIF 还可以包含透明区域和多帧动画。 无损压缩的压缩图像通常在图像被压缩后不会造成图像质量上的损失。GIF 文件的压缩是通过水平方向扫描像素行,寻找一致的颜色区域,然后将文件中相同的像素区域进行压缩而成。GIF格式只是在图像包含较少颜色时才能提供无损压缩,例如经常使用的线条或几何作品。 因此,拥有纯色重复区域的图像在导出为 GIF 格式时压缩效果最佳。GIF 格式通常是卡通类图形,标志,拥有透明区域的图形和动画的最佳保存格式。矢量对象经常被保存为 GIF 格式。 注:如果对图形进行过抖动和消除锯齿处理,那么所产生的 GIF 文件通常比较大。 选择 JPEG 格式 JPEG 是由 Joint Photographic Experts Group(联合图片专家组)专门为照片或高彩图像开发的一种格式。JPEG 支持百万以上的颜色(24-bit),而 GIF 仅支持 256 色。JPEG 通常用来保存高质量照片数据。 JPEG 是一种有损压缩格式,也就是说,在图像被压缩过程中将会有一些数据丢失,从而最终降低文件的质量。不过,通常这种数据丢失并不会对图像质量造成很大的或者说显著的影响。 在导出 JPEG 格式文件的时候,你可以利用 Optimize(优化)面板上的 Quality 弹出滑标来控制文件压缩时图像质量的受损程度。
JPEG 格式对于扫描的照片,纹理图像,拥有渐进色的图像,以及那些超过 256 色 的图像来说是最佳的保存格式。 选择 PNG 格式 Portable Network Graphic(便携网络图形),或者简称为 PNG,是最为适合的网络图形格式。然而,在没有插件的情况下,并不是所有的网络浏览器都能够充分利用 PNG 格式的特性的。因此他还不是一种网络种普及的格式。PNG 格式可以支持高达 32-bit 的颜色,可以包含透明度或者 alpha 通道,也可以进行渐变处理。 PNG 格式的压缩不造成文件任何的损失,即使在高彩的情况下也如此。他跨越像素行和栏进行压缩。对于高彩图像,JPEG 产生的质量较高。PNG 允许 32-bit 色图像包含透明度,但是产生的图像尺寸较大。 PNG 格式是创建复杂的即时透明,高彩图形,和良好的低色压缩图形的最佳格式。 PNG 是 Fireworks 本身的文件格式。可是,Fireworks 的 PNG 文件中包含有一些当你导出用于网络的 PNG 图形时并不保存的额外的源文件信息。 为 GIFs 和 PNGs 选择优化设置 对于 GIFs 和 8-bit 的 PNGs (PNG8) 来说,Fireworks 的优化设置基本类似。 ![]() 选择色深 所谓色深(Color depth),就是指包含在导出的图形中的颜色数。GIF 图像永远都是以 8-bit 颜色 (256 种颜色) 或者更少的颜色导出的。你可以以更高的色深来导出 PNG 图形。 色深越高,导出的文件就越大,这尤其不适合于网络图形。你可以在导出拥有连续色调的照片图像或者复杂的渐变混色图像时使用 24- 或 32-bit 色深的 PNG 格式或是 JPEGs 格式。 选择色板 每个导出后的 GIFs 和 8-bit PNGs 文件都包含有一个色板。色板 (color palette),就是一个包含有能够用于文件的最多可达 256 种颜色的列表。只有在色板上定义的颜色才能够出现在图形中;可是,有些色板上还会包含一些图形中没有用到的颜色。在图形优化过程中调整色板会影响到导出图像的颜色。有关色板的更为详细的介绍,请参阅优化色板。 为补偿损失色进行抖动处理 通过对两种近似的颜色进行像素到像素的替换,对当前色板上没有的近似的颜色进行抖动处理。抖动处理,尤其对于导出拥有复杂的混色或者渐变色,或者将照片图像导出为索引图像格式(如 GIF)的时候,是非常有帮助的。 抖动处理会极大地提升文件的尺寸。 在导出图像时进行抖动处理:在 Optimize 面板上的 Dither(抖动)文本框内输入一个百分比数值。 为减小文件尺寸设定损失值 为了让 GIF 文件压缩得比通常情况下更小,你可以在 Optimize 面板上输入一个 Loss(损失)值。Loss 值设置得越高,生成的文件就越小,但图像质量也就越差。 通常 Loss 设置在 5 和 15 之间所产生的效果最好。 定义透明区域 定义透明区域 不管是 GIF,还是 PNG 格式,你都可以设置透明区域,这样在网络浏览器中网页的背景就可以透过图像的透明区域被看到。有关透明设置的更为详细的介绍,请参阅 指定透明色。 删除所有色板上无用颜色 在导出前删除图像中不使用的颜色可以缩减文件的尺寸。 删除无用颜色:在 Optimize 面板的 Options 弹出菜单中选择 Remove Unused Colors(删除无用颜色)。 取消选择 Remove Unused Colors 将导致图像包含了色板上所有的颜色,其中也包括那些导出图像中没有用到的颜色。 交错:分段下载 当在网际浏览器中查看的时候,交错图像会迅速地以低分辨率出现,然后在继续下载过程中再过渡到高分辨率。 让导出的 GIF 或 PNG 产生交错:从 Optimize 面板的 Options 弹出菜单中选择 Interlaced(交错)。 为 JPEGs 选择优化设置 JPEGs 始终是以 24-bit 颜色保存的。JPEG 压缩方法是专门用于压缩过渡色和渐变色的。 这种格式对压缩照片和高彩图像有着显著的效果。选择性 JPEG 压缩允许你使用不同级别压缩图像的不同部分。 ![]() 选择性 JPEG 压缩 选择性 JPEG 压缩允许你使用不同级别来压缩 JPEG 图形的不同区域。对于图像中特别重要的区域应使用高级别进行压缩,而图像中非重要性区域,例如背景,应使用低级别进行压缩。这样整个图像的尺寸得以减小,而关键区域的图像质量得以维持。 压缩 JPEG 的选定区域:
修改选择性压缩区域:
降低质量以减小文件尺寸 调整 Optimize 面板上的 Quality(质量)设置可以提高或者降低 JPEG 图像的质量。选择较低的图像质量其结果将导致文件变小。 模糊边缘以提升压缩比 在 Optimize 面板上设置 Smoothing(平滑)有助于降低 JPEG 图像文件的尺寸。平滑处理可以模糊那些在 JPEG 格式中不能很好压缩的较硬的图像边缘。设定的数字越大,模糊的越厉害,生成的文件尺寸也就越小。 将 Smoothing 值设为 3 将在减小文件的尺寸的同时保持合理的质量。 锐化颜色边缘和细节 锐化颜色边缘和细节 从 Optimize 面板的 Options 弹出菜单中选择 Sharpen JPEG Edges(锐化 JPEG 图像边缘)有助于保留图像中两种颜色之间精细的边缘。在导出 JPEG 格式文件的时候对文本或者精细的边缘应用 Sharpen JPEG Edges 可以保持这些区域的锐化。 选择 Sharpen JPEG Edges (锐化 JPEG 图像边缘)会提升文件的尺寸。 渐变式 JPEGs 从 Optimize 面板的 Options 弹出菜单中选择 Progressive JPEG(渐变式 JPEG)可以导出渐变 JPEG。渐变式 JPEGs,就如同交错 GIF 图像一样,会在浏览器中先以低分辨率出现,然后在持续下载过程中再显现出完整的分辨率来。 有些旧版本的位图编辑程序不能打开渐变式 JPEG 格式。 优化色板 以 8-bit 或更少颜色导出的 GIFs 和 PNGs 文件会使用一个色板来对导出图像文件使用的颜色进行储存和定位。优化和自定义色板可以使用 Color Table 面板来进行。 选择合适的色板 我们可以从 Optimize 面板上的 Palette(调色板)弹出菜单中选择一个色板,然后再对其进行优化。 在默认情况下以下色板是可选的: Adaptive 属于常规色板,这个色板来自于用户在文档中实际使用的颜色。Adaptive 色板最常使用于生成高质量的图像。 Web Adaptive 是一种适配色板,在这个色板上,那些接近网络安全色的颜色会被转换成最为接近的网络安全色。 Web 216 是一种包含 216 种通用于 Windows 和 Macintosh 计算机颜色的色板。这一色板常被称之为 Websafe 网络安全色板或浏览器安全色板,这是因为这个色板能够在各种平台上不同的浏览器中生成较为一致的结果。 Exact 是一种包含有图像使用的原有颜色的色板。只有当图像中包含的颜色数等于或者少于 256 种才可以使用这个色板。如果图像中的颜色超过了 256 种,色板会自动转为 Adaptive。 System (Windows) 和 System (Macintosh) 分别包含有 Windows 或者 Macintosh 平台标准定义的 256 种颜色。 Grayscale 是一种包含有 256 中或或少量的灰色渐变色色板。选择这个色板会将导出图像转换成灰度图像。 Black and White 仅仅包含白色和黑色的两色色板。 Uniform 是一种基于 RGB 像素值的数学色板。 Custom 是一种经过修改,或者来自外部的色板或 GIF 文件的色板。 导入一个色板:
设定色板上的颜色数量 在 Optimize 面板的 Colors 选项中输入或选择一个数字,这样就可以设定导出图像的色板上所允许的最大的颜色数。在图像中Fireworks 经常只使用实际颜色优化图像。这可能会低于你指定的最大颜色数。在 Color Table 面板左下角的数字表明图像中可以看到的实际颜色数。减少色板上的颜色数可以减小文件的尺寸。 ![]() 如果你设定的颜色数比图像中实际使用的颜色数要少,会令图像丢失一些颜色,首当其冲的是应用最少的颜色。那些丢失的颜色会转成色板上与之最为接近的颜色。这么做会降低图像的尺寸与质量。 查看色板中的颜色 |