Atribut width
Atribut width mengatur lebar gambar,
yang ditentukan oleh tag
img.
Saat ini, atribut ini hanya boleh
digunakan untuk gambar,
iframe,
video
dan beberapa tag lainnya.
Diperbolehkan untuk menentukan nilai dalam piksel atau persen. Jika ukuran ditetapkan dalam persen, nilainya akan diambil dari lebar elemen induk. Jika ukuran ditetapkan dalam piksel, satuan pengukuran tidak perlu ditulis.
Jika untuk sebuah gambar tidak ditetapkan lebar, maupun tinggi - gambar akan memiliki ukuran aslinya. Jika tinggi ditetapkan - gambar akan memiliki tinggi yang ditentukan, dan lebarnya akan menyesuaikan agar proporsinya tidak terdistorsi. Jika hanya lebar yang ditetapkan - secara analog, gambar akan menyesuaikan tingginya untuk mempertahankan proporsi. Jika kedua-duanya, lebar dan tinggi, ditetapkan - proporsi gambar dapat terdistorsi (atau mungkin tidak, tergantung tebakan Anda). Jika lebar atau tinggi (atau keduanya) lebih besar dari ukuran sebenarnya - gambar akan membesar, tetapi kehilangan kualitas.
Disarankan untuk mengatur lebar dan tinggi gambar dalam atribut - dalam hal ini browser akan lebih cepat memuat gambar - tidak perlu menghitung ukuran setiap gambar setelah menerimanya.
Tidak disarankan untuk mengurangi
ukuran asli gambar tanpa kebutuhan. Misalnya,
ukuran asli gambar adalah 1000 x 1000
piksel, dan Anda menetapkan lebarnya menjadi 100px.
Dalam hal ini, gambar di layar akan terlihat
sebesar 100 piksel, tetapi memiliki ukuran file
seribu piksel penuh dan, karenanya, akan dimuat
jauh lebih lama.
Contoh penggunaannya dapat dilihat di sini:
tag img.
