HTML <img> height Attribute
Example
An image with both height and width set to 42 pixels:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Browser Support
All major browsers support the height attribute.
The height attribute specifies the height of the image, in pixels.
Tip: It is a good practice to specify both the height and width attributes for an image. If these attributes are set, space is reserved for the image on the page load. Without these attributes, the browser cannot know the size of the image, and thus cannot reserve appropriate space for it, leading to layout shifts when the image loads.
Tip: Do not scale the image using the height and width attributes. If you reduce the image size using these attributes, the user still has to download the large image (even if it appears small on the page). The correct approach is to resize the image to the appropriate dimensions using image editing software before using it on the web page.
Differences Between HTML 4.01 and HTML5
In HTML 4.01, the height could be defined in pixels or as a percentage of the containing element. In HTML5, the height value must be in pixels.
Syntax
Attribute Values
| Value | Description |
|---|---|
| pixels | The height in pixels (e.g., height="100"). |