aspect-ratio dan object-fit

aspect-ratio: 16 / 9 menjaga perbandingan sisi tanpa trik padding lama. Pasangannya object-fit: cover membuat gambar mengisi kotak tanpa gepeng — bagian yang berlebih dipotong, bukan diregangkan. Kombinasi ini adalah cara baku menampilkan thumbnail dengan ukuran seragam. Pasangkan dengan object-position bila bagian penting gambar ikut terpotong, misalnya wajah pada foto profil.

.avatar {
  width: 64px;
  aspect-ratio: 1 / 1;    /* persegi sempurna */
  object-fit: cover;      /* isi penuh, kelebihan dipotong */
  border-radius: 50%;
}