Skip navigation

Responsive images and the picture element

Responsive images and the picture element: Creating Web Media
Responsive images and the picture element: Creating Web Media

Take a look at creating a responsive images using the PICTURE element in HTML. In a previous episode, you looked at using the SRCSET and SIZES attributes in an IMG element, however, the PICTURE element wraps around the IMG element, and gives up another approach for making your images responsive. Using SOURCE elements within a PICTURE element—just like with VIDEO and AUDIO elements—and the SRCSET attribute, you can direct the browser to use different images within our web page.

Resume Transcript Auto-Scroll
Skill Level Intermediate
4h 10m
Duration
28,536
Views
Show More Show Less
Skills covered in this course
Web Web Development Web Graphics

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now