Anggap saja kita ingin menampilkan sebuah gambar pada halaman web. Terkadang masalah yang kita hadapi adalah adanya banyak gambar dengan ukuran berbeda-beda dimensi dan rationya. Jika kita tampilkan dengan cara yang sama, maka terlihat gambar-gambar itu tidak teratur; kasus ini sering terjadi jika kita ingin menampilkan sekumpulan thumbnail yang ukurannya harus sama dan teratur.
Solusinya adalah untuk tidak menampilkan gambar secara langsung dengan elemen img, melainkan kita tampilkan gambar-gambar itu sebagai gambar latar dari div yang ukurannya sudah fixed, jadi tak peduli dengan perbedaan ukuran gambar, gambar yang ditampilkan bakal memenuhi div atau block yang kita gunakan sebagai thumbnail ini.
Tapi perlu konfigurasi tertentu agar gambar yang dijadikan latar tadi memenuhi seluruh area div, istilahnya center fixed.
Caranya saya tunjukkan di video ini:
Hanya saja gambar yang saya peragakan di video itu bukan untuk membuat thumbnail, tapi membuat gambar latar sebuah halaman yang tampil penuh.