What is the effect of using the srcset attribute on an img element?

What is the effect of using the srcset attribute on an img element?

• A. It lets the browser choose the appropriate image resource for device characteristics
• B. It enables lazy loading of images
• C. It forces the image to render at its intrinsic size
• D. It embeds the image data inline as base64

Answer: (A)

Using srcset on an img element enables responsive images by providing multiple image resources at different sizes or resolutions. The browser looks at device characteristics like viewport width and device pixel ratio and selects the most appropriate image to download and display, so you get good image quality without unnecessary data use. If you also include a sizes attribute, you give the browser a hint about how wide the image will appear in the layout, which helps it pick even more accurately. Lazy loading is controlled by the loading attribute (for example, loading="lazy"), not srcset. Embedding image data inline or forcing intrinsic size are separate techniques and not the purpose of srcset.

Using srcset on an img element enables responsive images by providing multiple image resources at different sizes or resolutions. The browser looks at device characteristics like viewport width and device pixel ratio and selects the most appropriate image to download and display, so you get good image quality without unnecessary data use. If you also include a sizes attribute, you give the browser a hint about how wide the image will appear in the layout, which helps it pick even more accurately. Lazy loading is controlled by the loading attribute (for example, loading="lazy"), not srcset. Embedding image data inline or forcing intrinsic size are separate techniques and not the purpose of srcset.