HTML - sizes Attribute

HTML sizes attribute specifies the sizes of the linked resources. It is used to provide the sizes of icons for visual media. The sizes attribute is only used with rel="icon".

This attribute is not supported by any element anymore.

Syntax

<link rel="icon" sizes="10x10">

Applies on

Below-listed element allows the use of the HTML sizes attribute.

Element	Description
<link>	HTML <link> tag specifies relationship between the current document and an external resource.
<img>	HTML <img> tag is used to embed image in to the HTML document.
<source>	HTML <source> tag is used to define a variety of media resources in different formats.

Example of HTML sizes Attribute

Below example will illustrate the HTML sizes attribute, where and how we should use this attribute!

Define favicon dimension using sizes Attribute

Output window displays the text with hyperlink. Upon clicking this link, favicon image is seen in "sample.htm" page. Try to run the code locally.

<!DOCTYPE html>
<html>

<head>
      <title>HTML sizes attribute in link tag</title>
      <link rel="icon" 
            href="
https://indoleads.nyc3.cdn.digitaloceanspaces.com/uploads/offers/logo/8512_92749e1af2bb2.png" 
            type="image/gif" 
            sizes="16x16">
</head>

<body>
      <p>
         Open this page in a 
         <a href="sample.htm" 
            target="_blank">
            new window
         </a> 
         to see the favicon.
      </p>
</body>

</html>

Supported Browsers

Attribute
sizes	No	No	No	No	No

html_attributes_reference.htm