色々なサイズ・縦横比の画像をアスペクト比固定のサムネイルにピッタリする

どんなサイズの画像でもピッタリとサムネ化

before

after

cssだけでピッタリ

css

  img {
    aspect-ratio: 4 / 3; /* 指定アスペクト比（横/縦） */
    object-fit: cover;   /* アスペクト比に合わせるように画像をトリミング */
    width: 250px;        /* 指定サイズ */
    border-radius: 10px;
  }

これは初めての案件で WordPress からランダムな画像が飛んでくるのをサムネにしないといけなくて、かなり感動したやつでした。気持ちいいです。