Odatiy holda, rasmlar o'zining haqiqiy hajmida ko'rsatiladi. Misol uchun, biz yuqorida ko'rsatgan smaylikli rasmning haqiqiy o'lchami 130 dan 130 pikselga teng va biz brauzerda rasmning bir xil o'lchamini ko'ramiz.
Agar xohlasangiz, uning enini o'rnatish orqali rasm hajmini o'zgartirishingiz mumkin. Bu width atributi yordamida amalga oshiriladi.
Masalan, rasmimizning enini 100 piksel o'rnatamiz. width atributining ushbu qiymati uchun biz 100 raqamini quyidagicha belgilaymiz: width="100".
Rasm ekranda qanday o'lchamda bo'ladi? Siz o'ylashingiz mumkin kengligi biz belgilaganimizdek 100 piksel va haqiqiy balandligi 130 ga teng, chunki biz buni aniqlamadik. Aslida, bunday bo'lmaydi.
Kengligi haqiqatan ham 100 piksel bo'ladi, lekin balandlik rasmning nisbati buzilmasligi uchun o'rnatiladi, ya'ni u ham 100 piksel bo'ladi.
Keling, uni ishga tushiramiz va bunga ishonch hosil qilamiz.
<img src="smile.png" width="100">