影像品質最佳化的最佳作法

最佳化影像品質是耗時的程式，因為許多因素都會產生可接受的演算結果。 部分結果具有主觀性，因為個人對影像品質的看法不同。 結構化實驗是關鍵。

Adobe Experience Manager包含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

影像銳利化的最佳實務

影像銳利化是控制網站上影像的最複雜方面，也會導致許多錯誤。 請參考下列實用資源，以進一步瞭解銳利化及不銳利化遮色片在Experience Manager中的運作方式：

透過Experience Manager，您可以在擷取時、傳送時或兩者同時銳利化影像。 不過，通常最好只使用一種方法或另一種方法來銳利化影像，但不要同時使用兩者。 在URL上銳利化傳送的影像通常會產生最佳效果。

有兩種影像銳利化方法可供您使用：

  • 簡單銳利化( &op_sharpen) — 類似於Photoshop中使用的銳利化濾鏡，簡單銳利化會在動態調整大小後，將基本銳利化套用至影像的最終檢視。 不過，使用者無法設定此方法。 除非必要，否則最好不要使用&op_sharpen。

  • 不銳利化遮色片( &op_USM) — 不銳利化遮色片是業界標準的銳利化濾鏡。 最佳作法是遵循下列准則，使用遮色片銳利化調整來銳利化影像。 「不銳利化遮色片」可讓您控制下列三個引數：

    • &op_sharpen=數量，半徑，臨界值

      • 金額 （0-5，效果強度。）
      • 半徑 (0-250，圍繞銳利化物件繪製的「銳利化線條」寬度（以畫素為測量單位）。

      請記住，引數半徑和數量彼此對應。 減少半徑可藉由增加量來補償。 「半徑」允許更細微的控制，因為較低的值只會銳利化邊緣畫素，而較高的值會銳利化較寬的畫素範圍。

      • 臨界值 （0-255，效果敏感度。）

      此參數可決定銳化像素與周圍區域的差異程度，之後才會被視為邊緣像素，濾鏡會銳化這些像素。此 臨界值 引數有助於避免色彩相似的區域過度銳利化，例如膚色。 例如，閾值為12會忽略膚色亮度的微小變化，以避免加上「雜訊」，同時仍會加上邊緣對比度至高對比區域，例如睫毛與皮膚相遇的區域。

      如需如何設定這三個引數的詳細資訊，包括篩選使用的最佳實務，請參閱下列資源：

最佳作法是從「遮色片銳利化調整半徑」引數開始。 您可以開始使用的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畫素

逐漸將數量從1.75增加到4。 如果銳利化仍不是您想要的方式，請將半徑增加一個小數點，然後再次執行從1.75到4的量。 視需要重複。

將單色引數設定保留為0。

JPEF壓縮的最佳作法(&qlt=)

  • 此引數可控制JPG編碼品質。 較高的值表示影像品質較高，但檔案大小較大；或者，較低的值表示影像品質較低，但檔案大小較小。 此引數的範圍為0到100。

  • 若要最佳化品質，請勿將引數值設為100。 設定90或95與100之間的差異幾乎無法察覺，但100卻不必要地增加了影像檔案的大小。 因此，若要最佳化影像品質，但避免影像檔案過大，請設定 qlt= value 至90或95。

  • 若要針對較小的影像檔案大小進行最佳化，但將影像品質維持在可接受的等級，請設定 qlt= value 至80。 值低於70到75會導致影像品質顯著下降。

  • 最佳做法是居於中間，將 qlt= value 到85歲才能居於中間。

  • 在中使用色度旗標 qlt=

    • 此 qlt= 引數有第二個設定，可讓您使用值開啟RGB色度縮減取樣 ,1 或使用值關閉 ,0.
    • 若要保持簡單，請從RGB色度縮減取樣關閉(,0)。 此設定通常會產生更好的影像品質，尤其是對於具有大量銳利邊緣和對比的合成影像。

使用JPG壓縮當作最佳實務 &qlt=85,0.

JPEG規模調整的最佳實務(&jpegSize=)

引數 jpegSize 如果您想要保證影像不會超過傳送至記憶體有限之裝置的特定大小，這個選項就十分實用。

  • 此引數是以千位元組(jpegSize=&lt;size_in_kilobytes&gt;)。 它會定義影像傳送所允許的大小上限。
  • &jpegSize= 與JPG壓縮引數互動 &qlt=. 如果JPG回應具有指定的JPG壓縮引數(&qlt=)不會超過jpegSize值，則影像會以 &qlt= 依定義。 否則， &qlt= 會逐漸減少，直到影像符合允許的大小上限，或直到系統判斷它無法符合併傳回錯誤為止。

最佳實務是 &jpegSize= 並新增引數 &qlt= 如果您要將JPG影像傳送至記憶體有限的裝置。

最佳實務摘要

為了達到高影像品質和小型檔案大小，最佳實務建議從下列參陣列合開始：

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

此設定組合可在大多數情況下產生絕佳結果。

如果影像需要進一步最佳化，請從半徑設定為0.2或0.3開始，逐步微調銳利化（不銳利化遮色片）引數。然後，逐漸將數量從1.75增加到最大值4 (相當於Photoshop中的400%)。 檢查是否達到預期結果。

如果銳利化結果仍然不令人滿意，請以小數增量增加半徑。 對於每個小數點增量，請在1.75處重新開始該數量，然後逐漸增加到4。 重複此程式，直到您達到想要的結果為止。 雖然上述值是創意工作室已驗證的方法，但請記住，您可以從其他值開始，並遵循其他策略。 結果是否令您滿意是主觀問題，因此結構化實驗是關鍵。

實驗時，以下一般建議有助於最佳化您的工作流程：

  • 請直接在URL上即時嘗試並測試不同的引數。
  • 如需參考最佳做法，請記住，您可以將「Dynamic Media影像伺服」命令群組至影像預設集。 影像預設集基本上是含有自訂預設集名稱的URL命令巨集，例如 $thumb_low$ 和 &product_high$. URL路徑中的自訂預設集名稱會呼叫這些預設集。 這類功能可協助您管理網站上不同影像使用模式的命令和品質設定，並縮短URL的整體長度。
  • Experience Manager也提供更進階的影像品質調整方式，例如在擷取時套用銳利化影像。 若要調整及最佳化演算結果， Adobe諮詢服務 可協助您提供客製化的深入分析和最佳實務。

本頁內容