始めるチュートリアルクロッピングと強化スタイライズパラメータのスケーリング

スタイライズパラメータのスケーリング

画像のサイズは、他のパラメータの適用方法に影響を与えることがあります。例えば、ピクセレートガウシアンブラーハーフトーンの場合、画像のサイズはこれら3つのパラメータの視覚効果に影響を与えます。

次の2つの画像を例にとります。

h=300&w=300&fit=crop&blur=90
sandbox-demo
h=900&w=900&fit=crop&blur=90
sandbox-demo

同じブラー値を持っている場合でも、ブラーパラメータはこれらの画像に異なる影響を与えます。

両方の画像間で同じブラー効果を得るためには、ブラー値を適切にスケーリングする必要があります。

スケーリングの方法

少し数学を使ってこれに取り組むことができます。ここでは、blur=50を2番目の画像にスケーリングしたい場合を考えます。

h=1100&w=500&fit=crop&blur=50
sandbox-demo
h=500&w=1800&fit=crop
sandbox-demo

最初のステップは、それぞれの画像の総寸法を取得することです。

画像 #1: 1,100 h * 500 w = 550,000

画像 #2: 500 h * 1,800 w = 900,000

次に、画像2の総寸法を画像1の総寸法で割ってサイズ差の比率を求めます。

900,000 / 550,000 = 約1.64

最後に、元のブラー値にステップ2で得た比率を掛けます。

50 * 1.64 = 82

スケーリングしたブラー値を取得した後、これを2番目の画像に適用すると、両方の画像間で同じ量のブラーが見られるようになります。

h=1100&w=500&fit=crop&blur=50
sandbox-demo
h=500&w=1800&fit=crop&blur=82
sandbox-demo

この方法は、ピクセレートやハーフトーンにも適用できます。