Ширина и высота картинке в HTML
Если задать одновременно и ширину, и высоту, то картинку можно исказить. Например, если задать ширину 100
пикселей, а высоту 70px
, то наш смайл станет растянутым по ширине:
<img src="smile.png" width="100" height="70">
Результат выполнения кода:
Картинка не обязательно исказится, ведь мы можем просто задать и ширину, и высоту по 100
пикселей, в этом случае наша картинка станет меньше, чем была (а была она 130
), но пропорции ее не исказятся:
<img src="smile.png" width="100" height="100">
Результат выполнения кода: