# Ширина и высота картинке в HTML

Если задать одновременно и ширину, и высоту, то картинку можно исказить. Например, если задать ширину `100` пикселей, а высоту `70px`, то наш смайл станет растянутым по ширине:

`<img src="smile.png" width="100" height="70">`

:

Картинка не обязательно исказится, ведь мы можем просто задать и ширину, и высоту по `100` пикселей, в этом случае наша картинка станет меньше, чем была (а была она `130`), но пропорции ее не исказятся:

`<img src="smile.png" width="100" height="100">`

:

Установите вашей картинке ширину и высоту так, чтобы пропорции изображения исказились.

Установите вашей картинке ширину и высоту так, чтобы пропорции изображения НЕ исказились.

← →
↑