Haruskah saya menambahkan tinggi dan lebar ke tag img src?
Iya. Menambahkan atribut tinggi dan lebar ke file IMG SRC Tag HTML memungkinkan browser untuk mengetahui berapa banyak ruang yang tersisa untuk sebuah gambar. Tanpa nilai-nilai ini, browser awalnya tidak membuat ruang untuk gambar, yang berarti elemen yang mengelilingi gambar disesuaikan setelah dimuat.
Seperti yang terlihat pada contoh di atas, tiga halaman pertama menunjukkan pemuatan halaman yang tidak menentukan dimensi gambar. Saat halaman dimuat, teks yang mengelilingi gambar disesuaikan untuk mengakomodasi gambar. Namun, dengan dimensi gambar yang ditentukan, seperti yang ditunjukkan pada tiga halaman berikutnya, browser mengetahui berapa banyak ruang yang harus dialokasikan. Oleh karena itu, teks tetap berada di tempat yang sama saat gambar dimuat.
Jika Anda memiliki koneksi Internet yang cepat, Anda mungkin tidak memperhatikan proses pemuatan ini. Namun, untuk orang-orang dengan koneksi lambat, menjelajah di ponsel, atau jika situs Anda memuat dengan lambat, tidak menentukan ukuran gambar akan semakin mempersulit pengunjung situs.
Di bawah ini adalah contoh bagaimana tag IMG harus terlihat di kode HTML Anda dengan tinggi dan lebar yang ditentukan.