3000*4000

どうも。
エンジニアブログお久しぶりなブッチです。
|///|ヽ(゚Д゚ )ノ|///|タダイマー

弊社ブログの画像の縦横比が崩れる事象があるとのことで調査です。

画像アップロード時に大きすぎるサイズをリサイズするプラグインの設定が怪しいのでは?
と疑い、設定を変更してちょっと確認してみます。

元の設定は以下のサイズにリサイズです。
横:1024px
縦:768px


※注意!!
表示される画像はアップロードされた画像をさらにサムネイル化し縮小表示されています。
PCの場合、アップロード後の実サイズは画像クリックで確認できます。



まずは元の設定で各サイズの画像をアップロードしてみます。

3000*4000
▲問題ありませんね。

1000*4000
▲パノラマ画像になると縦にギュッと潰した状態になってしまいました。

4000*3000
▲縦にしてみます。問題なさそうです。

4000*1000
▲再び縦です。縦サイズ指定が効いているため細長く小さくなりました。縦横比は問題なさそうです。


今度は縦サイズの指定を解除して同じ画像をアップロードしてみます。

縦サイズ指定を解除後3000*4000
▲問題ないようです。

縦サイズ指定を解除後1000*4000
▲問題ないようです。

縦サイズ指定を解除後4000*3000
▲縦横比は問題ないようです。縦サイズ指定が無くなったので横サイズ一杯までリサイズされ大きな縦画像になりました。

縦サイズ指定を解除後4000*1000
▲縦横比は問題ないようです。縦サイズ指定が無く横サイズ指定以下なのでリサイズされない状態で縦画像になりました。

リサイズ対象になる大きめ画像をアップしてみます。

縦サイズ指定を解除後8000*1500
▲縦横比は問題ないようです。縦サイズ指定がないのでやたら縦に長い画像になりました。
 横指定が効いています。

当該のリサイズプラグインの設定は縦指定を解除したほうが使い勝手が良さそうです。