HTML Reference Manual

Complete List of HTML Tags

HTML: <img> width Attribute

The width attribute specifies the width of the image in pixels.

Online Example

Height and width are both 30 Pixel Image:

Example

<!DOCTYPE　html>
<html>
<head>
<title>HTML: <img> width Attribute</title>　-　Basic Tutorial Website　oldtoolbag.com</title>
<body>
<img　src="haha.gif"　alt="haha　face"　width="30"　height="30>
</body>
</>

Test to see </›

Browser compatibility

IEFirefoxOperaChromeSafari

All mainstream browsers support the width attribute.

The width attribute specifies the width of the image in pixels.

Tip:Always specify both the height and width attributes of the image. If height and width are set, the space required for the image is reserved when loading the page. However, if these attributes are not set, the browser will not know the size of the image and will not be able to reserve appropriate space for it. The effect is that the page layout will change during loading (when the image is loaded).

Tip:Using the height and width attributes to shrink the size of large images will force users to download the large image (even if it looks very small on the page). To avoid this, please resize the image programmatically before using the page.

HTML 4.01 and HTML5differences between

In HTML 4.01 In the syntax, the width should be defined in pixels or as a percentage of the containing element. In HTML5 In the syntax, the width value must be specified in pixels.

Syntax

<img width="pixels">

Attribute value

Value	Description
pixels	Width in pixels (for example width="100")

　HTML <img> tag

HTML: <template> tag