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

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

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

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

ブラーを適用した300pxの画像
sandbox-demo
ブラーを適用した900pxの画像
sandbox-demo

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

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

スケーリングの方法

少し数学を使ってこれに取り組むことができます。まず、アスペクト比が異なる2つの画像から始めます。どちらもblur=25ですが、寸法の違いにより、左の画像のほうがブラー効果が強く見えます。

ブラーを適用した画像
sandbox-demo
ブラーの調整が必要な新しいアスペクト比
sandbox-demo

ステップ1

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

Image #1: 550 h * 250 w = 137500
Image #2: 250 h * 900 w = 225000

ステップ2

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

225000 / 137500 = ~1.64

ステップ3

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

25 * 1.64 = ~41

完成した結果

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

ブラーを適用した画像
sandbox-demo
スケーリングしたブラー
sandbox-demo

この方法を使用すると、画像の寸法やアスペクト比に関係なく、画像に均一な効果を適用できます。