In our latest update, it’s now possible to add 1.5x or 2x images to email templates via our email editor. This is completely automatic – all you have to do is upload a bigger image and let our editor do the rest. This means less coding, faster uploading and of course, sharper images on high-resolution displays.
For the longest time, optimizing images for maximum crispness on high-resolution displays involved a considerable amount of manual coding… And testing. As uploading images with a greater width than an editable region in an email template resulted in them being resized and downsampled, our recommendation was generally to use media queries to substitute images when the email is viewed on these displays exclusively. This had the downside of forcing designers to export and manually edit their template, say, whenever they wanted to use a new header image.
Those fiddly days are now over. If you upload an image that’s up to twice the width of an editable image region in a template, our email editor will recognize that this has been done for the benefit of high-resolution displays and will adjust its width and height accordingly:
While subscribers reading their email on standard displays may not see much of a difference, hi-res displays will most certainly benefit from double-density images. In an upcoming blog post, we’re going to fully explain the benefits of this technique, plus how you can upload images that look great on both high and low-res displays, without the large file sizes. Stay tuned – image optimization is a real rabbit’s hole of a topic.
Now that high-resolution displays are the norm on newer MacBooks, iPads, iPhones and Android devices, serving your email campaigns with a side of super-crisp images is a really lovely gesture – and now, doesn’t take any extra effort to do. In comparison to your Retina-ready creations, you can be sure that the rest of your subscribers’ emails will look veritably fuzzy, for one.