Question

Which of the following detects for the support of size attribute of an image?

(a) JPEG 2000

(b) JPEG XR

(c) Image crossOrigin

(d) Sizes

This question was posed to me in a job interview.

I need to ask this question from Adding HTML features safely with Modernizr in chapter HTML Images & Web Page Files of HTML

Answer 1

The correct answer is:

(d) Sizes

Explanation:

• (d) Sizes: The sizes attribute in HTML is used in conjunction with the srcset attribute for responsive images. It allows you to specify the size of the image relative to the viewport or other conditions. This is how the browser can determine which image to load based on different screen sizes and resolutions. Modernizr can detect support for this feature to enable or disable its use.

• (a) JPEG 2000: JPEG 2000 is a format for image compression, but it doesn't detect the support of the sizes attribute.

• (b) JPEG XR: Like JPEG 2000, JPEG XR is another image format but doesn't interact with the sizes attribute.

• (c) Image crossOrigin: The crossOrigin attribute is used for controlling how images are fetched in relation to cross-origin resource sharing (CORS). It doesn't deal with the sizes attribute for responsive images.

Thus, (d) Sizes is the correct choice for detecting support for the image size attribute.