元画像を基準にする
トグルスイッチです。どのようにリサイズするかを決めます。
品質
WebP画像の品質です。高いほうが高品質でファイルサイズも大きくなります。
元画像を基準にする: on
大きさの割合を選択してください。全ての画像が自身の大きさに応じて相対的にリサイズされます。「そのまま」はリサイズしません。
元画像を基準にする: off
幅と高さを入力してください（数値）。全ての画像が幅と高さのボックスに配置されます。
- 両方とも空または0のとき、拡大縮小しません。
- 片方が空のとき、入力したほうのサイズをもとに縦横比を維持して拡大縮小します。
- 両方とも1以上のとき、下記のフィットオプションが有効になります。
フィット
幅・高さのボックスに対して元画像をどのように配置するか決めます。
object-fit
とだいたい同じです。
- none
- 拡大縮小を行いません。幅と高さのボックスが元画像より小さいとき、元画像は切り出されます。
- fill
- 元画像の縦横比を無視して幅と高さのボックスを埋めます。（いつ使うの?）
- cover
-
元画像の縦横比を維持して幅と高さのボックスを埋める最小の大きさに拡大縮小します。余白は生じませんが元画像が切り取られるかもしれません。
- contain
-
元画像の縦横比を維持して幅と高さのボックスに収まる最大の大きさに拡大縮小します。元画像は切り取られませんが余白が生じるかもしれません。