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

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

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

Результат выполнения кода:

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

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

Результат выполнения кода:

uz ru