CSS

CSSだけで画像をトリミングする。

img {
  object-fit: cover; # 短辺/長辺の短い方がボックスと一致するように拡大/縮小される
  # はみ出た部分はトリミングされる。
  /*
  その他の値
  contain: アスペクト比を維持したまま、要素のコンテンツボックスに収まるように拡大縮小される
  fill: ボックスに合うように全体を引き伸ばして表示される
  none: 拡大/縮小せずにトリミングされる
  scale-down
  */
}