In this post, we’ll look at how high DPI screens work and what that means for email marketing designers and marketers. After looking at how to implement retina images in your own campaigns , we’ll wrap up with some important considerations.
In the world of email marketing, retina screens aren’t a oman mobile phone number list problem per se, but forgetting about them when designing an email is. If you don’t optimize your images, subscribers who open your email from a retina device will likely see blurry and out-of-focus images , especially if they’re diagrams. In fact, here’s an example of how an optimized image would look vs. one that isn’t:
As we said, the email design will be degraded and this situation can generate distrust in the brand. Now, how can we solve this?
Generally speaking, high-resolution screens have twice as many pixels per inch as traditional screens. Therefore, if we want our images to look good on these screens, they must be twice as large so that, when they are reduced in size for the email, there are more pixels and they are displayed on retina screens. However, this technique is not without its drawbacks.
Considerations to take into account
As we increase the dimensions of an image, the file size also increases. This can cause the email to load slowly and detract from the experience provided to the user. If you need to implement many retina images in the email, there are two techniques that can help you:
Use compression images
In this case, the images would be saved in large sizes, but set to a very low quality. Most image editing programs allow you to set the quality at which images are saved. For example, you can adjust the quality of a JPEG with a simple slider.
To create a compression image, you need to design the image to be four times larger than desired and save it at an extremely low quality setting. Although when you open the image at full size it doesn't look right, after you reduce it to its intended size in the email, this problem will disappear. The low quality setting will ensure that the file size is kept to a minimum and the images load at an optimal speed.
Using programs to compress images
We can also use programs that allow us to further compress images after saving them. There are applications, many of them free, for each operating system that allow us to process and compress images once they have been created: ImageOptim , JPEGmini , TinyPNG , Compressor.io , Kraken and Pied Piper .
Finally, we want to emphasize the importance of testing campaigns , especially in these cases. Sending tests to see how our email looks on different devices and screens is essential to discover possible errors and solutions.
