デュオトーン

画像にデュオトーン効果を適用します。デュオトーン効果は、2つの異なる色をエンドポイントとするグラデーションを使用します。

この効果を実現するために、まず画像をグレースケールに変換します。次に、通常は対比のある2つの色がそのグラデーションにマッピングされます。duotone={color1},{color2}では、最初の色が画像の暗い部分に、2番目の色が明るい部分にマッピングされます。明るい色をcolor1とし、暗い色をcolor2とすると、写真のネガティブ効果のあるデュオトーンが作成されます。

duotoneパラメータは、色を受け入れます。カラーキーワード、または3桁（RGB）、6桁（RRGGBB）、8桁（AARRGGBB）の16進数の色値で表されます。8桁の形式の挙動については 透明度を持つ色 を参照してください。デュオトーン効果の不透明度は、パラメータduotone-alphaを使用して別途設定することもできます。デフォルト値は100で、デュオトーンを完全に不透明にします。元の画像とデュオトーンをブレンドするには、より低いduotone-alpha値を設定します。

3色以上を使用する場合

duotone はちょうど2色を受け取ります。3色以上を使用する場合は gradient-map を使用してください。同じグレースケールの範囲を最大16色のリストに対応付けられるほか、ストップの位置、補間に使うカラースペース、イコライズの制御も行えます。

有効な gradient-map は duotone より優先されます。両方が指定された場合、デュオトーンのパラメーターは無視され、X-Imgix-Params レスポンスヘッダーからも除外されます。1色だけの gradient-map は有効ではないため、その場合はデュオトーンがそのまま適用されます。

透明度を持つ色

8桁の16進数カラー値は独自のアルファ値を持ち、そのアルファ値は出力を単に暗くするのではなく半透明にします。たとえば duotone=80732321,4ccffa は半透明の結果になります。そのため auto=format を使用している場合、このようなURLではJPEGのソース画像が透明度に対応したフォーマットで配信されることがあります。

これは、デュオトーン効果全体を元の画像とブレンドする duotone-alpha とは別の挙動です。