Show Menu
主题×

优化图像质量的最佳实践

优化图像质量可能会是一个很耗时的过程,因为渲染可接受的效果涉及到很多因素。在某种程度上,效果带有主观性,因为每个人对图像质量都会有不同的看法。结构化试验是关键所在。
AEM包含100多个Dynamic media图像传送命令,用于优化和优化图像及渲染结果。以下准则可以帮助您使用一些基本命令和最佳实践简化流程并快速实现良好效果。

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

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

图像大小的最佳实践

动态缩减图像大小是最常见的任务之一。这涉及到指定大小,以及(可选)指定用于缩小图像的缩减采样模式。
  • For image sizing, the best and most straightforward approach is to use &wid=<value> and &hei=<value>, or just &hei=<value> . 这些参数会根据宽高比自动设置图像宽度。
  • &resMode=<value> 控制用于缩减采样的算法。 从开始 &resMode=sharp2 。 使用此值可提供最佳图像质量。While using the downsampling value =bilin is faster, it often results in the aliasing of artifacts.
作为调整图像大小的最佳实践,请使用 &wid=<value>&hei=<value>&resMode=sharp2 &hei=<value>&resMode=sharp2

图像锐化的最佳实践

在控制网站中的图像时,图像锐化是最复杂的方面,很容易出现多种错误。请参阅以下有用资源,花时间详细了解一下 AEM 中锐化和 USM 锐化的工作原理:
Best practices white paper Sharpening images in Adobe Scene7 Publishing System and on Image Server applies to AEM as well.
通过 AEM,可以在摄取、传送或同时在这两个过程中锐化图像。但是,在大多数情况下,应只使用一种方法锐化图像,而不要同时使用两种方法。通常,在传送过程中通过 URL 锐化图像可实现最佳效果。
有两种可用的图像锐化方法:
  • Simple sharpening ( &op_sharpen ) – Similar to the sharpen filter used in Photoshop, simple sharpening applies basic sharpening to the final view of the image following dynamic resizing. 但是,用户不能对这种方法进行配置。最佳实践是除非需要,否则不使用&op_sharpen。
  • Unsharp masking ( &op_USM ) – Unsharp masking is an industry standard sharpening filter. 最佳实践是按照下面的准则,使用 USM 锐化来锐化图像。您可以通过 USM 锐化控制下面的三个参数:
    • &op_sharpen= 数量,半径,阈值
      • amount (0-5,效果的强度。)
      • radius (0-250,锐化对象周围绘制的“锐化线”的宽度,以像素为单位。)
        请记住,radius和amount参数相辅相成。减小半径可以通过增加数量来补偿。Radius允许更精细的控制,因为较低的值只锐化边缘像素,而较高的值锐化较宽范围的像素。
      • threshold (0-255,效果的敏感度。)
        此参数决定锐化的像素与周围区域必须存在多大程度的不同,才能被视为边缘像素,并由滤镜对其进行锐化。The threshold parameter helps to avoid over-sharpening areas with similar colors, such as skin tones. 例如,threshold 值 12 会忽略皮肤色调亮度上的细微变化,以避免添加“杂色”,同时仍能向高对比度区域添加边缘对比度,例如睫毛与眼睑的交汇处。 有关如何设置这三个参数的更多信息,包括使用滤镜方面的最佳实践,请参阅以下资源:
      有关锐化图像的AEM帮助主题。
    • AEM还允许您控制第四个参数:monochrome(0,1)。 此参数确定是将USM锐化分别应用于使用值0的每个颜色组件,还是将USM锐化应用于使用值1的图像亮度/强度。
作为最佳实践,应首先开始设置 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。

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

  • 此参数控制 JPG 编码质量。值越大表示图像质量越高,但文件也越大;反之,值越小表示图像质量越低,但文件也越小。此参数的范围是 0-100。
  • 要优化质量,切勿将该参数值设置为 100。设置为 90 或 95 与设置为 100 几乎没有什么区别,但是设置为 100 会不必要地增加图像文件的大小。Therefore, to optimize for quality but avoid image files becoming too large, set the qlt= value to 90 or 95.
  • 要优化较小的图像文件大小,但将图像质量保持在可接受的水平,请将其 qlt= value 设置为80。 低于70到75的值会导致图像质量显着下降。
  • As a best practice, to stay in the middle, set the qlt= value to 85 to stay in the middle.
  • Using the chroma flag in qlt=
    • The qlt= parameter has a second setting that lets you turn on RGB chromaticity downsampling using the value ,1 or off using the value ,0 .
    • To keep it simple, start with RGB chromaticity downsampling turned off ( ,0 ). This setting usually results in better image quality, especially for synthetic images with lots of sharp edges and contrast.
As a best practice for JPG compression use &qlt=85,0 .

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

jpegSize是一个有用的参数,如果您希望确保图像不会超过特定大小以交付到内存有限的设备。
  • This parameter is set in kilobytes ( jpegSize=&lt;size_in_kilobytes&gt; ). It defines the maximum allowed size for image delivery.
  • &jpegSize= 与JPG压缩参数交互 &qlt= 。 If the JPG response with the specified JPG compression parameter ( &qlt= ) does not exceed thejpegSize value, the image is returned with &qlt= as defined. Otherwise, &qlt= is gradually decreased until the image fits in the maximum allowed size, or until the system determines it cannot fit and returns an error.
As a best practice, set &jpegSize= and add the parameter &qlt= if you are delivering JPG images to devices with limited memory.

最佳实践小结

作为最佳实践,要获得较高的图像质量和较小的文件大小,请首先使用以下参数组合:
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上或使用Scene7 Publishing system的图像调整功能实时尝试和测试不同参数,该功能为调整操作提供实时预览。
  • 作为最佳实践,请记住,您可以将Dynamic Media图像服务命令分组到图像预设中。 An image preset is basically URL command macros with custom preset names such as $thumb_low$ and &product_high$ . URL 路径中的自定义预设名称会调用这些预设。这类功能可帮助您针对网站中图像的不同使用模式来管理命令和质量设置,并缩短 URL 的整体长度。
  • AEM 还提供了更高级的图像质量调整方法,例如在摄取时应用锐化图像。For advanced use cases where this may be an option to further tune and optimize rendering results, Adobe Professional Services can help you with customized insight and best practices.