Open In App

HTML <img> width Attribute

Last Updated : 12 Mar, 2024
Improve
Improve
Like Article
Like
Save
Share
Report

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 GeeksforGeeks 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.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png" 
         alt="GeeksforGeeks logo"
         width="200px" 
         height="200px">
</body>

</html>

Output:

html-image-width-attribute-example

HTML image width attribute example

Supported Browsers:

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


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads