We are happy to announce that MailerLite is now ready for high pixel density displays! It means that your newsletter images can now look crisp & clear on Retina and other high-density displays.
“Retina” is a marketing term, first introduced by Apple in 2010 during the launch of the iPhone 4 to refer to their high pixel-density displays. Since then the term has been adopted worldwide.
These high pixel-density displays have twice as many pixels per inch than their traditional counterparts. Basically, if you want your images to look good on these screens, they need to be twice as large.
Doubling the number of pixels means that there are enough pixels for Retina screens to display when images get scaled down in the email.
It’s actually very simple, you just need to upload your images with 2 times higher resolution and we will take care of the rest.
In our templates or the drag & drop editor, you can see that all image blocks have specific pixel dimensions.
In this example, the maximum width of the image is 540px. So if you want this image to look great on Retina display, you should upload it in 1080px resolution.
Here’s how it’s going to look after uploading a high-resolution image:
Now you can see both the resized dimensions of your image and the original or natural size of the image uploaded.
Nothing changes if you upload images in normal resolution just like before.
All images in our newsletter drag & drop editor have a maximum width, except the Logo image in the header. In this case, you will have to manually select “Constrain image dimensions by 50% for high-definition displays” if you upload your logo in 2x resolution.
We hope this update will help you build even better email campaigns with images that look beautiful on any screen. Let us know how you like it in the comments below. Thanks!