Atribut lebar <img> HTML
Contoh
Gambar dengan tinggi 600 piksel dan lebar 500 piksel:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Atribut widthmenentukan lebar gambar, dalam piksel.
Tip: Selalu tentukan atribut heightdan untuk gambar.
widthJika tinggi dan lebar diatur, ruang yang diperlukan untuk gambar dicadangkan saat halaman dimuat. Namun, tanpa atribut ini, browser tidak mengetahui ukuran gambar, dan tidak dapat memesan ruang yang sesuai untuk itu. Efeknya adalah tata letak halaman akan berubah selama pemuatan (saat gambar dimuat).
Tip: Mengecilkan ukuran gambar besar dengan atribut
heightdan widthmemaksa pengguna untuk mengunduh gambar besar (meskipun terlihat kecil di halaman). Untuk menghindari hal ini, ubah skala gambar dengan program sebelum menggunakannya pada halaman.
Dukungan Peramban
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<img width="pixels">
Nilai Atribut
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
HTML <img> tag