优化图像质量的最佳实践

优化图像质量可能会是一个很耗时的过程,因为渲染可接受的效果涉及到很多因素。在某种程度上,效果带有主观性,因为每个人对图像质量都会有不同的看法。结构化试验是关键所在。

AEM 中含有 100 多个 Dynamic Media 图像传送命令,可用于微调和优化图像及渲染效果。以下准则可以帮助您通过使用一些基本的命令和最佳实践,简化操作过程,并快速获得最佳效果。

图像格式的最佳实践 (&fmt=)

  • 如果要以良好的质量以及可管理的大小和权重来传送图像,JPG 或 PNG 是最佳选择。
  • 如果 URL 中未提供任何格式命令,Dynamic Media 图像传送将默认采用 JPG 格式。
  • JPG 的压缩比率为 10:1,通常生成的图像文件较小。PNG 的压缩比率约为 2:1,但有一些情况除外,例如当图像中包含白色背景时。但是,通常 PNG 文件大于 JPG 文件。
  • JPG 采用有损压缩,这意味着在压缩过程中图像元素(像素)会有所丢失。PNG 则采用无损压缩。
  • 通常情况下,JPG 在压缩摄影图像时保真度会比合成图像更高,具有清晰的边缘和对比度。
  • 如果您的图像包含透明度,请使用 PNG,因为 JPG 不支持透明度。

作为图像格式的最佳实践,请首先使用最常见的设置&fmt=JPG

图像大小的最佳实践

动态缩减图像大小是最常见的任务之一。这涉及到指定大小,以及(可选)指定用于缩小图像的缩减采样模式。

  • 对于图像大小调整,最好且最直接的方法是使用&wid=<value>&hei=<value>,,或者只使用&hei=<value>。 这些参数会根据宽高比自动设置图像宽度。
  • &resMode=<value>控制用于缩减采样的算法。从&resMode=sharp2开始。 使用此值可提供最佳图像质量。虽然使用缩减采样value =bilin速度更快,但通常会导致出现锯齿伪像。

作为图像大小调整的最佳实践,请使用&wid=<value>&hei=<value>&resMode=sharp2&hei=<value>&resMode=sharp2

图像锐化的最佳实践

在控制网站中的图像时,图像锐化是最复杂的方面,很容易出现多种错误。请参阅AdobeDynamic Media经典图像质量和锐化最佳实践指南(适用于AEM),请花时间详细了解AEM中锐化和USM锐化的工作原理。

另请参阅使用USM锐化锐化图像

通过 AEM,可以在摄取、传送或同时在这两个过程中锐化图像。但是,在大多数情况下,应只使用一种方法锐化图像,而不要同时使用两种方法。通常,在传送过程中通过 URL 锐化图像可实现最佳效果。

有两种可用的图像锐化方法:

  • 简单锐化(&op_sharpen) — 简单锐化与Photoshop中使用的锐化滤镜类似,它会在动态调整大小后对图像的最终视图应用基本锐化。 但是,用户不能对这种方法进行配置。最佳做法是,除非有需要,否则不使用&op_sharpen。

  • USM锐化(&op_USM)- USM锐化是行业标准的锐化滤镜。 最佳实践是按照下面的准则,使用 USM 锐化来锐化图像。您可以通过 USM 锐化控制下面的三个参数:

    • &op_sharpen=数量,半径,阈值

      • amount (0-5,效果的强度。)

      • radius (0-250,在锐化的对象周围绘制的“锐化线”宽度(以像素为单位)。

         请记住,半径和量参数彼此相对工作。减少半径可通过增加量来补偿。半径允许进行更精细的控制,因为较低值仅锐化边缘像素,而较高值锐化较宽范围的像素。
        
      • 阈值 (0-255,效果的敏感度。)

         此参数确定锐化的像素与周围区域必须有多大的不同,才会被视为边缘像素,而滤镜会锐化这些像素。 **threshold**&#x200B;参数有助于避免过度锐化颜色相似的区域,如肤色。 例如,阈值为12时,会忽略肤色亮度的细微变化,以避免添加“杂色”,同时仍会为高对比度区域添加边缘对比度,如睫毛与皮肤相遇的地方。
        

        有关如何设置这三个参数的更多信息,包括与过滤器一起使用的最佳实践,请参阅AdobeDynamic Media Classic图像质量和锐化最佳实践指南(也适用于AEM上的Dynamic Media)。

    • AEM还允许您控制第四个参数:单色(0,1)。 此参数确定是否使用值0分别将USM锐化应用于每个颜色组件,或者使用值1将USM锐化应用于图像亮度/强度。

作为最佳实践,应首先开始设置 USM 锐化 radius 参数。您可以先使用以下 radius 设置:

  • 网站:0.2-0.3像素
  • 照片打印(250-300 ppi):0.3-0.5像素
  • 胶印(266-300 ppi):0.7-1.0像素
  • 画布打印(150 ppi):1.5-2.0像素

将 amount 从 1.75 逐渐增加至 4。如果锐化仍未达到您需要的效果,请将 radius 增加 0.1,然后再次将 amount 从 1.75 逐渐增加至 4。根据需要,重复上述步骤。

将 monochrome 参数设置保留为 0。

JPEG压缩的最佳实践(&qlt=)

  • 此参数控制 JPG 编码质量。值越大表示图像质量越高,但文件也越大;反之,值越小表示图像质量越低,但文件也越小。此参数的范围是 0-100。

  • 要优化质量,切勿将该参数值设置为 100。设置为 90 或 95 与设置为 100 几乎没有什么区别,但是设置为 100 会不必要地增加图像文件的大小。因此,要优化质量,同时避免图像文件过大,请将qlt=<value>设置为90或95。

  • 要优化较小的图像文件大小,但将图像质量保持在可接受的级别,请将qlt=<value>设置为80。 低于70到75的值会导致图像质量显着下降。

  • 最佳做法是:要保持居中状态,请将qlt=<value>设置为85以保持居中状态。

  • qlt=中使用色度标志

    • qlt=参数有第二个设置,允许您使用值,1打开RGB色度缩减采样,或使用值,0关闭。
    • 要保持简单,请首先关闭RGB色度缩减采样(,0)。 此设置通常可以提高图像质量,特别是对于具有大量锐边和对比度的合成图像。

作为JPG压缩的最佳实践,请使用&qlt=85,0

JPEG 大小调整的最佳实践 (&jpegSize=)

jpegSize是一个有用的参数,可确保在将图像传送到内存有限的设备时,该图像不会超过某个大小。

  • 此参数以千字节为单位进行设置(jpegSize=<size_in_kilobytes>)。 它定义了图像交付所允许的最大大小。
  • &jpegSize= 与JPG压缩参数交互 &qlt=。如果具有指定JPG压缩参数(&qlt=)的JPG响应未超过jpegSize值,则返回的图像将按照定义的&qlt=返回。 否则,&qlt=会逐渐减小,直到图像符合允许的最大大小,或直到系统确定它不能满足并返回错误为止。

如果要将JPG图像传送到内存有限的设备,请设置&jpegSize=并添加参数&qlt=,这是最佳做法。

最佳实践小结

作为最佳实践,要获得较高的图像质量和较小的文件大小,请首先使用以下参数组合:

fmt=jpg&qlt=85,0&resMode=sharp2&op_usm=1.75,0.3,2,0

在大多数情况下,此设置组合可生成出色的效果。

如果图像需要进一步优化,请先将 radius 设置为 0.2 或 0.3,以便逐渐微调锐化(USM 锐化)参数。然后,将 amount 从 1.75 逐渐增加至最大值 4(相当于 Photoshop 中的 400%)。检查是否达到所需的效果。

如果锐化效果仍然不能让您满意,请按小数位递增的方式增大 radius。对于每次递增,重新将 amount 从 1.75 逐渐增加至 4。重复此过程,直至达到所需效果。尽管采用上述值是创意工作室已经验证过的方法,但请记住,您也可以从其他值开始设置,并遵循其他策略。关于效果是否能让您满意,这是个主观性问题,因此进行结构化的试验很关键。

在您试验的过程中,以下一般建议对于优化工作流也很有帮助:

  • 直接在URL上实时尝试并测试不同的参数。
  • 作为最佳实践,请记住,可以将Dynamic Media图像提供命令分组到图像预设中。 图像预设基本上就是具有自定义预设名称(如$thumb_low$&product_high$)的URL命令宏。 URL 路径中的自定义预设名称会调用这些预设。这类功能可帮助您针对网站中图像的不同使用模式来管理命令和质量设置,并缩短 URL 的整体长度。
  • AEM 还提供了更高级的图像质量调整方法,例如在摄取时应用锐化图像。对于高级用例,如果可以选择进一步调整和优化渲染结果, Adobe Professional Services可以帮助您了解自定义的洞察和最佳实践。

在此页面上