Resize an Image on HTML

To adjust the size of an image in your HTML code simply adjust the number of the pixel size.

For example,

<img src=”w3schools.jpg” alt=”” width=”104″ height=”142″>

will look like this:


If I change the pixel size to 208 and 284 (double in size)

<img src=”w3schools.jpg” alt=”” width=”208″ height=”284″>

The new image will enlarge and look like this:


Be sure to follow the ratios of the original size of your image to ensure that the image appears accurately (not too long or too wide).

By Avelin Babel

~ by avelinbabel on January 29, 2014.

%d bloggers like this: