HTML image width
By default, images are displayed at their actual size. For example, the smiley image we displayed above has an actual size of 130 by 130 pixels, and we see the same image size in the browser.
If desired, you can change the size of the image by setting its width. This is done using the width attribute.
Let's give our image a width of 100 pixels as an example. To do this, we'll specify the number 100 as the value of the width attribute, like this:
width="100"
What size will the image on the screen be? You might think that it will be the following: width 100 pixels, as we specified, and the actual height 130, since we didn't specify it. In fact, this will not be the case.
The width will indeed be 100 pixels, but the height will be adjusted so that the image proportions are not distorted, that is, it will also become 100 pixels.
Let's run it and see for ourselves:
<img src="smile.png" width="100">
:
Set your image width to 300 pixels.
