Atribut height
Atribut height mengatur tinggi gambar,
yang ditentukan oleh tag
img.
Saat ini, atribut ini hanya diizinkan
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 induknya. Jika ukuran ditetapkan dalam piksel, satuan pengukuran tidak perlu ditentukan.
Jika untuk sebuah gambar tidak ditetapkan lebar maupun tinggi - gambar akan memiliki ukuran aslinya. Jika tinggi ditetapkan - gambar akan menjadi setinggi yang ditentukan, dan lebarnya akan menyesuaikan agar proporsinya tidak terdistorsi. Jika hanya lebar yang ditetapkan - secara analog, tinggi gambar akan menyesuaikan agar proporsinya terjaga. Jika baik lebar maupun 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 kualitasnya menurun.
Disarankan untuk mengatur lebar dan tinggi gambar dalam atribut - dengan cara ini browser akan lebih cepat memuat gambar - browser tidak perlu menghitung ukuran setiap gambar setelah gambar tersebut diterima.
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, namun memiliki ukuran file
sepenuhnya seribu piksel dan, karenanya, memuat
jauh lebih lama.
Contoh penggunaannya dapat dilihat di sini:
tag img.
