LAYOUT

「16:9」「4:3」「3:2」「1:1」比率の画像でのレイアウトサンプル一覧。

Retinaディスプレイ、高DPI設定、通常DPI設定での2倍表示。

srcset sizesタグとpictureタグを使用したレスポンシブ対応。

ブレイクポイントは、モバイルが464px以下、タブレットが465px～880px、パソコンが881px以上。

PageSpeed Insightsの計測（幅414pxでのファーストビュー対策）は画像のブレイクポイント（幅416px）を作って対応。

jpeg・webpともに画像品質85。

遅延ロード対応。

※Retinaディスプレイのピクセル比3倍のデバイスは強制的に2倍画像表示。