Which statement correctly describes the purpose of the srcset attribute in an img tag?

Which statement correctly describes the purpose of the srcset attribute in an img tag?

• A. It animates the image.
• B. It provides multiple image sources for different device widths and resolutions.
• C. It defines image captions.
• D. It defines alternative text for accessibility.

Answer: (B)

Providing multiple image sources for different device widths and resolutions is the purpose of the srcset attribute. It lets the browser choose the most appropriate image variant from several candidates, based on the device’s screen size and pixel density. This is the essence of responsive images: you can list options with width or density descriptors (like 600w, 1200w or 1x, 2x) and work with the sizes attribute to tell the browser how large the image will appear. The result is faster loading and crisper visuals across phones, tablets, and desktops. This behavior is separate from animation, captions, or alternative text—the latter is provided by the alt attribute for accessibility.

Providing multiple image sources for different device widths and resolutions is the purpose of the srcset attribute. It lets the browser choose the most appropriate image variant from several candidates, based on the device’s screen size and pixel density. This is the essence of responsive images: you can list options with width or density descriptors (like 600w, 1200w or 1x, 2x) and work with the sizes attribute to tell the browser how large the image will appear. The result is faster loading and crisper visuals across phones, tablets, and desktops. This behavior is separate from animation, captions, or alternative text—the latter is provided by the alt attribute for accessibility.