Usually, the email header contains your company logo, links to view this message in a browser, and menu buttons. Also, Gmail is commonly known for not displaying background color for a template width over 640 px. This is the average width desktop email clients use to show your email messages. Things haven’t changed: 600 pixels is still the golden rule. This is the standard width which has been recommended during the last years. If you are coding templates with pure HTML and CSS, make use of the recommendations gathered in our Guide on How to Build an HTML Email.

This trend is not new, so all predefined email templates and email frameworks are already designed to match this rule. To fit every type of device, your emails have to be responsive. This means that you’ll inevitably encounter different rendering engines and problems with display. That said, there are still many people reading emails with Outlook, Yahoo Mail, and even AOL.

The majority of your recipients are using Gmail on desktop or the iPhone email app. The main idea behind unifying email standards is displaying across all email clients and types of devices. Put important details to the first 350 pxįollow your common sense and keep it mobile-friendly The ultimate template dimensions Dimension In this article, we will go through all the email template components and explain the principles for any type of campaign. In addition, there are no strict rules for the email template height, the same as for the design blocks. There is the standard template width (600 px), but still, there are intricacies you should be aware of. It also defines whether your customer will read your message and take the desired actions. Why is the email template size so important? Why are there so many questions on this topic and no quick answers? To put it simply, the email design size affects whether your email will be delivered at all.

Email newsletter templates indesign