Dari kursus: Pelatihan Esensial HTML

Buka akses kursus ini dengan uji coba gratis

Bergabunglah sekarang untuk mengakses lebih dari 24.000 kursus yang dipandu pakar industri.

Gambar responsif

Gambar responsif - Tutorial HTML

Dari kursus: Pelatihan Esensial HTML

Mulai uji coba gratis 1 bulan Beli untuk tim saya

Gambar responsif

“

- Terkadang, kita ingin menampilkan gambar besar, indah, resolusi tinggi untuk orang-orang dengan layar besar dan kemudian, mengecilkannya untuk orang-orang di ponsel, di layar kecil. CSS dapat melakukan ini. Satu file gambar dapat ditampilkan pada ukuran apa pun. Tapi ada masalah. Gambar besar beresolusi tinggi berisi jutaan piksel. Dan semua data itu bisa membuat ukuran file cukup besar. Yang membutuhkan banyak waktu untuk mengunduh pada koneksi jaringan yang lambat dan dapat menggunakan paket data orang dan di beberapa pasar, menghabiskan banyak uang. Kami tidak ingin mengirimkan data resolusi tinggi yang tidak diperlukan ke layar kecil. Sebaliknya, mungkin kita harus membuat semua gambar kita jauh, jauh lebih kecil. Secara fisik lebih kecil, lebih sedikit data berwarna, lebih sedikit piksel, lebih terkompresi, yang akan bekerja dengan baik untuk layar yang lebih kecil. Tetapi kemudian jika kita mengirim file itu ke semua orang, orang-orang dengan monitor desktop besar tidak…

Konten