Haruskah saya menambahkan tinggi dan lebar ke tag img src?

Iya nih. Menambahkan atribut tinggi dan lebar ke tag HTML IMG SRC Anda memungkinkan peramban mengetahui berapa banyak ruang yang tersisa untuk gambar. Tanpa nilai-nilai ini, browser tidak memberikan ruang gambar sampai gambar dimuat, yang berarti apa pun di sekitar gambar disesuaikan setelah gambar dimuat.

Seperti terlihat dalam contoh di atas, tiga halaman pertama menunjukkan pemuatan halaman yang tidak menentukan dimensi gambar. Saat halaman dimuat, teks di sekitar gambar disesuaikan untuk mengakomodasi gambar. Namun, dengan dimensi gambar yang ditentukan, seperti yang ditunjukkan pada tiga halaman berikutnya, browser tahu berapa banyak ruang yang dialokasikan. Oleh karena itu, teks tetap berada di tempat yang sama dengan gambar dimuat.

Jika Anda memiliki koneksi Internet yang cepat, Anda mungkin tidak melihat proses pemuatan ini. Namun, untuk orang-orang dengan koneksi lambat, menjelajah di telepon, atau jika situs Anda memuat lambat jika Anda tidak menentukan ukuran gambar yang Anda buat semakin sulit bagi pengunjung ini.

Di bawah ini adalah contoh bagaimana tag IMG harus terlihat dalam kode HTML Anda dengan tinggi dan lebar yang ditentukan dalam kode.