Width and height of the image in HTML
If you set both the width and height at the same time, the image can be distorted. For example, if you set the width to 100 pixels and the height to 70px, our smiley will be stretched in width:
<img src="smile.png" width="100" height="70">
:
The image will not necessarily be distorted, because we can simply set both the width and height to 100 pixels, in which case our image will become smaller than it was (and it was 130), but its proportions will not be distorted:
<img src="smile.png" width="100" height="100">
:
Set your image's width and height so that the image's proportions are distorted.
Set your image width and height so that the image proportions are NOT distorted.
