In an image tag, what is the benefit of the srcset attribute?

1.	In an image tag, what is the benefit of the srcset attribute?
Answer» srcset is utilized when we wish to GENERATE several RESOLUTIONS of the exact IMAGE on several devices. This improves the UI. The browser will display low resolution on low-end devices, and high resolution of an image on high-end devices. Example: <img srcset="picture_low.jpg 480w, picture_high.jpg 800w" sizes="(max-width: 600px) 480px, 800px" src="picture_high.jpg" alt="Elva dressed as a fairy">

Answer»

srcset is utilized when we wish to GENERATE several RESOLUTIONS of the exact IMAGE on several devices. This improves the UI. The browser will display low resolution on low-end devices, and high resolution of an image on high-end devices.

Example:

Discussion

No Comment Found

Related InterviewSolutions

Name the major HTTP requests
Why do we utilize the “use strict”; statement?
State the difference between == and ===?
What is the difference between attribute and property?
Suggest how can we optimize our front-end page.
Mention the pitfalls for using a CSS Preprocessor like Sass?
Suggest some ways on how to fix the browser-specific styling issue?
What do you know about the CSS image sprites and why it is utilized?
Define the Anonymous function in JS?
Mention the difference between MySQL and MongoDB?

In an image tag, what is the benefit of the srcset attribute?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment