Shopifyでサイズの異なる画像を扱う際は、CSSのaspect-ratio: n/nとobject-fit: cover;プロパティの組み合わせが便利

サイズの異なる画像を扱う際は、CSSのaspect-retioとobject-fit: cover;プロパティの組み合わせが便利です。比較的新しいプロパティですが、モバイル含めて既にほぼ全てのモダンブラウザで利用可能になっています。

異なるサイズの画像を揃えてレイアウト可能

モバイル含めて既にほぼ全てのモダンブラウザで利用可能