The ideal email design dimension for various campaigns
The ideal email design dimension for various campaigns
Table of contents
- The final template measurements
- Size of email templates
- The width of the email design
- Height of email designs
- Email guidelines
- 1. Keep in mind that the receiver should be able to understand your message as soon as they open your email.
- 2. Make an effort to write clear and concise emails.
- Clipping an email.
- What distinguishes transactional email templates from marketing email
- Other crucial aspects
- Size of email headers
- Size of content blocks
- What to consider while choosing an image size:
- Footer size
- Things to keep in mind
- 1. Design that adapts.
- 2. Perception of the user.
- 3. Testing email.
Why is the size of the email template so crucial? Why do this subject's questions keep piling up while there are no easy answers? Simply said, your email's design size has an impact on whether it is even sent. It also determines whether your target audience will read your message and act in the way you want them to. The typical template width is 600 pixels, although there are still nuances to be aware of. The same as with design blocks, there are no rigid guidelines for email template height.
In this article, we'll go through every element of an email template and outline the general guidelines for all campaign types.
The final template measurements
|----------------|--------------------|---------------|-------------------| | Dimension |Recommended |**Common |Options |
|**Template||600 px||640 px||up to 750|
|**Template||put important||up to 3000 px||follow your common|
|height**||details to the first||sense|
|**Header||up to 150 -- 200 px||up to 300 px||follow your common|
|height**||sense and keep it|
|**General email||up to 102 KB||no||no|
Size of email templates
Displaying consistently across all email clients and device kinds is the major goal of unifying email standards. The bulk of your recipients uses the iPhone email app or Gmail on the desktop. Despite this, many individuals still read emails using Outlook, Yahoo Mail, and even AOL. This implies that diverse rendering engines and display issues are inevitable.
Your emails need to be responsive in order to work on all types of devices. Since this pattern is not new, all email frameworks and predefined templates have been created to adhere to it. Use the tips compiled in our guide on how to build an HTML email if you are creating templates using only HTML and CSS.
The width of the email design
600 pixels has already been mentioned. This is the recommended standard width from the previous few years. The golden standard of 600 pixels hasn't changed. This is the typical width used by desktop email applications to display your emails. Additionally, it's well-known that Gmail hides the background color for templates wider than 640 pixels.
The majority of email builders and services, like Mailchimp and Klaviyo, for instance, offer layouts with email widths up to 600 pixels by default.
Additionally, templates between 700 and 800 pixels wide may be recommended, with a warning that you should thoroughly test them across all widely used email clients. If you have good reasons, the time, and the means to do further testing and trials, we think you should give any template a shot.
Height of email designs
The guidelines of email clients does not strictly impose a height restriction on your email template. This indicates that there is no minimum size needed.
While creating your new email template, there are a few guidelines to keep in mind.
1. Keep in mind that the receiver should be able to understand your message as soon as they open your email.
Put the most crucial details above the fold, which takes up roughly 350 pixels.
Use your space well. In addition to being visually appealing, pictures in emails should also be informational and entice consumers to scroll. Prior to previewing and testing your emails, consider what the recipient will see.
Pro Tip: Keep your email header inspiring by having it displayed on one screen and supporting your excellent email subject.
2. Make an effort to write clear and concise emails.
The likelihood that a message will be read through to the finish increases with message length. Extra parts can occasionally be confusing to the reader and obscure the email's core point.
Most marketing emails, including newsletters and promotions, range in size from 250 to 3000 pixels.
Clipping an email.
Clipped mails might occasionally be seen in your Gmail or Yahoo inbox. It is brought on by the size of a message as a whole, not the template height (102 KB). The above-mentioned Witcher game promotion's entire email is only 36 KB in size.
Pro Tip: You can send a message from your script to a Mailtrap inbox and immediately see it on the main screen to rapidly assess email size:
What distinguishes transactional email templates from marketing email
Transactional emails typically have smaller email templates. They are intended to confirm an action, give directions, or alert the user. Although it is appropriate to include some marketing material in some of these communications, the template should generally be straightforward. Transactional email templates often have a width of 600 to 1200 pixels.
The fundamental objective of marketing emails is to advertise your products, services, or information while establishing credibility by imparting knowledge. In this approach, your email might be rather lengthy, at least 5000 pixels.
Other crucial aspects
The ideal email template height and width have been found. But what about the body and inner blocks of emails? They have value, too!
The header, text blocks, and footer are the three basic components of an email.
Size of email headers
The email header typically includes menu buttons, links to view this message in a browser, and your corporate logo. We like succinct designs, thus we advise adhering to the standard header size of up to 200 pixels. It is simple to read and follow the "above the fold guideline" (remember how important it is to include important information in the first 350 pixels of a page?).
Size of content blocks
Again, there are no regulations in this situation! You have enough room for creativity in this part. "Content" is defined as all information, including texts, images, videos, GIFs, buttons, and even dividers, that enables you to connect with your recipients.
Our general recommendation is to maintain the stories' readability, visual attractiveness, and call to action.
If you use an email editor or a template provider, they will give you pre-made templates and suggestions for image sizes in pure storage email format.
What to consider while choosing an image size:
Images that are hosted on a server are in pure storage email format and linked to in emails don't increase the size of the email. To save space on their servers, email services and template builders impose size restrictions on photos to avoid pure storage email format.
You can choose the image size in pixels, although 72 dpi is the lowest recommended resolution.
Utilize a 2x size to optimize photos for Retina monitors.
On what should be written in the email footer, there are many suggestions available. Legal information typically appears in the footer, such as your firm address, unsubscribe options, side notes, etc. Do you look at the email footers? There is no set standard for the height of the email footer, which frequently fails to capture the reader's attention.
The email footer occasionally contains a person's signature. It is preferable in this situation to keep it at a maximum of 100 pixels.
Things to keep in mind
Due to the abundance of tools, templates, and tutorials available, creating emails is simple. There are not many restrictions and regulations in relation to email template size. What follows is what you should truly pay attention to
1. Design that adapts.
As more than 55% of emails are now viewed from mobile email clients, email templates should be optimized for multiple devices.
2. Perception of the user.
Consider the recipient's first impressions upon receiving the message and how simple it will be for them to grasp the key point. Stay original, but adhere to accepted norms and guidelines.
3. Testing email.
Every new email campaign should be tested using unconventional sizes and templates, but make sure that HTML will function properly on all email clients. In light of this, receivers will appreciate your kind communications.