Some of our users have requested the ability to make the images in their emails respond to device width, so they could show for instance a portrait image on mobile devices and a landscape image on desktops.
We're delighted to announce we've now added this feature to Milliner.
To use it simply:
- Select the image in the canvas
- Click "Add Breakpoint" at the bottom of the image inspector
- Then select the range of screen widths within which you'd like the breakpoint image to appear
- Finally chose a new image from the library or upload directly to the breakpoint image
You can preview the responsiveness easily by resizing the canvas.
Responsive images can have different attributes for alignment and size, meaning you could have a left aligned fixed width logo on desktop and a center aligned 100% width on mobile devices.
Finally responsive images also plays nicely with dark mode so you can display the correct image based on both screen size and the users preferred color scheme (i.e. light or dark)