Imgix APIsレンダリング APIスタイル化グラデーションマップのストップ

グラデーションマップのストップ

gradient-map-stops

gradient-map-stops パラメーターは、gradient-map の各色が、シャドウからハイライトまでの範囲のどこに位置するかを指定します。指定しない場合、色は均等に配置されます。

色1つにつき1つの位置を、0(最も暗いピクセル)から 100(最も明るいピクセル)の範囲でカンマ区切りで指定します。位置の値は減少してはいけません。隣り合う2つの位置を同じ値にすると、その色の間はブレンドされず境界がはっきり分かれます。これが、画像をフラットな階調に分割(ポスタリゼーション)する方法です。

位置の数が色数と一致しない場合、値が減少する場合、または 0〜100 の範囲外の値が含まれる場合、指定は無視され、色は均等に配置されます。

均等配置:ストップは 0、50、100
sandbox-demo
gradient-map-stops=0,20,100 はピンクをシャドウ側に寄せます
sandbox-demo

同じ位置を繰り返すと、境界のはっきりした結果になります。

gradient-map-stops=0,50,50,100 は2階調にポスタライズします
sandbox-demo