How to add HTML <source> srcset Attribute

Definition and Usage

The srcset attribute specifies the URL of the image to use in different situations.

This attribute is required when <source> is used in <picture>.

The numbers in the table specify the first browser version that fully supports the attribute.

Value	Description
URL	Specifies the URL of the image. Possible values: An absolute URL - points to another web site (like href="http://www.example.com/flower.jpg") A relative URL - points to a file within a web site (like href="flower.jpg")

Value

Description

URL

Specifies the URL of the image.

Possible values:

An absolute URL - points to another web site (like href="http://www.example.com/flower.jpg")
A relative URL - points to a file within a web site (like href="flower.jpg")

Example: HTML

<source media="screen and (min-color-index:256)" srcset="https://horje.com/avatar.png">