Lebar Gambar di HTML

Secara default, gambar ditampilkan dengan ukuran aslinya. Misalnya, gambar smiley yang kita tampilkan di atas, memiliki ukuran asli 130 pikecil kali 130 piksel dan ukuran gambar yang sama kita lihat di browser.

Jika diinginkan, ukuran gambar dapat diubah, dengan memberikan lebar. Ini dilakukan dengan atribut width.

Mari kita coba beri contoh atur gambar kita lebar 100 piksel. Untuk ini, nilai atribut width kita tentukan angka 100, seperti ini:

Berapa ukuran gambar yang akan ditampilkan di layar? Bisa ditebak, berikut: lebar 100 piksel, seperti yang kita atur, dan tinggi asli 130, karena kita tidak mengaturnya. Sebenarnya, tidak akan seperti itu.

Lebarnya memang akan 100 piksel, tapi tingginya akan menyesuaikan agar proporsi gambar tidak terdistorsi, yaitu juga akan menjadi 100 piksel.

Mari kita jalankan dan buktikan:

: