- Cara melayani gambar yang berukuran tepat untuk menyimpan data seluler dan meningkatkan waktu pemuatan?
- Apa ukuran gambar yang diberikan?
Cara melayani gambar yang berukuran tepat untuk menyimpan data seluler dan meningkatkan waktu pemuatan?
Idealnya, halaman Anda tidak boleh melayani gambar yang lebih besar dari versi yang diberikan di layar pengguna. Apa pun yang lebih besar dari itu hanya menghasilkan byte yang terbuang dan memperlambat waktu pemuatan halaman. Strategi utama untuk melayani gambar berukuran tepat disebut "gambar responsif".
Apa ukuran gambar yang diberikan?
Jika gambar itu ditampilkan pada smartphone yang lebar viewport adalah 360 piksel, maka ukuran akhir tidak akan menjadi 400x400 piksel, tetapi paling banyak piksel 360x360 - karena lebar maksimum oleh CSS. Ukurannya yang sangat akhir 360x360 atau lebih kecil disebut ukuran gambar yang diberikan.