新表示サンプル 1200

画像

PC向け

画像は基本16:9を採用。
アップロードするフルサイズの画像は1600を基本として、大サイズを1200、中サイズを800、サムネイルを400に設定。
大サイズはフルサイズの画像を1200幅で表示したときに、変なサイズで表示されるのを防ぐ。
またカラム幅に合わせてアップロードする画像を変えるのは面倒。後から変更することも考えて1600で統一。

問題はスマホでは3サイズすべて同じサイズになってしまう事。

2:3画像

スマホ向け

スマホでは同じ大きさになるので、必要ならば高さで変化させる。