HTML <img> width Attribute

Width attribute in HTML <img> tags specifies the width of the image element in pixels or as a percentage of its containing element’s width, controlling its visual size on the webpage.

Syntax:

<img width="pixels">

Attribute Values: They contain single value pixels which specify the width of the image in pixels. 

HTML <img> Width Attribute Examples:

Example: In this example, we display the w3wiki logo using the <img> tag with the width attribute set to 200px, adjusting the image’s width on the webpage.

HTML
<!DOCTYPE html>
<html>

<head>
    <title>
        HTML img width Attribute
    </title>
</head>

<body>
    <img src=
"https://media.w3wiki.net/wp-content/uploads/20190506164011/logo3.png" 
         alt="w3wiki logo"
         width="200px" 
         height="200px">
</body>

</html>

Output:

HTML image width attribute example

Supported Browsers:

The browser supported by HTML <img> width attribute are listed below:


Contact Us