Which attribute enables an image to be selected from multiple resolutions for different devices?

Which attribute enables an image to be selected from multiple resolutions for different devices?

• A. srcset
• B. srcset (and sizes)
• C. data-src
• D. src

Answer: (B)

The main idea here is how browsers serve the right image for different devices by using responsive image techniques. The browser can pick among multiple image files when you provide a set of candidates with srcset, and it uses the sizes information to understand how wide the image will appear at various viewport widths. With srcset alone, you give the browser options to choose from, but pairing it with sizes tells the browser exactly how large the image will render in the layout, so it can select the most appropriate resolution for the device’s screen and pixel density. This combination maximizes visual quality while minimizing data usage. Data attributes like data-src are typically used by scripts for lazy loading or swapping sources, not for automatic resolution selection. The standard src attribute points to a single file, which doesn’t offer multiple resolutions.

The main idea here is how browsers serve the right image for different devices by using responsive image techniques. The browser can pick among multiple image files when you provide a set of candidates with srcset, and it uses the sizes information to understand how wide the image will appear at various viewport widths. With srcset alone, you give the browser options to choose from, but pairing it with sizes tells the browser exactly how large the image will render in the layout, so it can select the most appropriate resolution for the device’s screen and pixel density. This combination maximizes visual quality while minimizing data usage.

Data attributes like data-src are typically used by scripts for lazy loading or swapping sources, not for automatic resolution selection. The standard src attribute points to a single file, which doesn’t offer multiple resolutions.