FitかFillか：フォトストリップで顔が切れる理由

二つの便利な表示方法

MDN は、画像の部分を作ることができる箱から箱の中のイメージを一致させます。 これらの行動は、エディタが異なるラベルを使用している場合でも、テンプレートのプレビューを理解するための有用な方法です。

証拠: 技術文書

一つの例を計算する

例として、600 × 400ピクセルの画像を300 × 300ピクセルの正方形いっぱいに表示するとします。高さを300ピクセルに合わせると幅は450ピクセルになり、中央で正方形に切り抜くと、拡大後の画像から左右それぞれ75ピクセルが削られます。画像全体を収める場合は上下に余白ができます。どちらも失敗ではなく、優先する内容が異なります。

配置する前に選ぶ

顔やジェスチャーが端にある場合は、レイアウトに加える前にコピーを意図的に切り抜くか、元画像に近い縦横比の枠を選びます。完成プレビューですべてのコマを確認してください。最初の写真ではちょうどよく見える枠でも、四枚目の重要な細部を隠すことがあります。