アスペクト比ジェネレーター

黄金比、白銀比、デジカメサイズなどの見え方とCSS設定値を調べることができます。

アスペクト比ジェネレーター

アスペクト比の設定を変更すると下の画像とCSS設定値が変化します

主なアスペクト比
画像の向き
画像サイズ

幅:600px、高さ:600px

サイズ(幅)の刻み

スクエア(1:1 横向き)

CSS設定 { width: 600px; height: 600px; object-fit: cover; }