Lebar dan Tinggi Gambar di HTML
Jika mengatur lebar dan tinggi secara bersamaan,
gambar bisa menjadi terdistorsi. Misalnya, jika
lebar ditetapkan 100 piksel, dan tingginya
70px, maka smiley kita akan menjadi tertarik
secara horizontal:
<img src="smile.png" width="100" height="70">
:
Gambar tidak selalu terdistorsi, karena kita
bisa menetapkan lebar dan tinggi sama-sama
100 piksel, dalam hal ini gambar kita
akan menjadi lebih kecil dari aslinya (asalnya 130),
tapi proporsinya tidak akan berubah:
<img src="smile.png" width="100" height="100">
:
Atur lebar dan tinggi gambar Anda sehingga proporsi gambarnya terdistorsi.
Atur lebar dan tinggi gambar Anda sehingga proporsi gambarnya TIDAK terdistorsi.