← back to college

Responsive Images

The Picture element isn’t just for displaying a photo on a page. It also unlocks the ability to deliver better fitting versions based on screen size. Today, the web is devoured from mobile devices in increasingly high numbers. By using the Picture element, you can rescue these viewers from downloading heavy, slow-loading image files.

In this tutorial, we’ll show you how to add pictures to Site Designer and demonstrate how to swap out different resources at breakpoints.

Visit Site Designer Guide