Email Size Guidelines: Complete Specs for Your Templates [2026]

Imagine buying a premium, high-end suit for an important business presentation. It looks incredible on the rack, the material is top-tier, and the style is exactly what you wanted.

But there’s a small problem: It’s two sizes too small. If you try to squeeze into it, it’s going to look awkward, feel incredibly uncomfortable, and completely ruin your confidence. 

Your email templates are that outfit. You can craft the perfect design and write spot-on copy, but without the right email size, it’s going to look broken, get cut in half, or worse, get thrown straight into the spam folder.

Thankfully, you don’t have to master coding or design to make your emails work. In this guide, we’ll share simple guidelines to ensure your emails fit your subscribers’ inboxes perfectly, load instantly, and display beautifully to reach your marketing goals.

Why email sizes matter

Before diving into the specs, let’s see why your email’s digital weight can make or break your success:

• Load times: Attention spans are limited. If your email takes more than two seconds to fully load, you risk losing your customers’ focus before they even see your message. Compressing your images reduces file sizes and helps your email load faster. 
• Mobile experience: Many customers open emails on their mobile devices while on the move. Heavy, oversized emails end up weird-looking and can make a business look unprofessional. On the other hand, responsive images show you respect their time and won’t compromise on their experience.
• Email deliverability: Email providers like Gmail, Yahoo, and Outlook scan messages before letting them into the inbox. They’re often suspicious of heavy images and bloated code, assuming they might be spam. 
• Email clipping: When the hidden HTML code of an email is higher than 102 KB, Gmail cuts it in half and adds a “View entire message” link at the very bottom. This means vital information, like your special offer or contact info, gets hidden, which can massively hurt your campaign’s performance.

In short, keeping your emails light isn’t just about checking another technical box. It removes friction and gets your customers straight to your main message.

Email size cheat sheet

Here are some quick guidelines to ensure your emails look amazing on every device, at any time, no matter the email client:

But just like your raw clothing measurements don’t guarantee a perfect fit, it helps to see how these dimensions play out when you’re actually building your message.

Email size analysis: width, length, weight

Now that you’ve got a better view of the numbers, let’s explore the main dimensions of an email based on its anatomy to get them right. Once you get these locked down, everything else will naturally fall into place.

Email width

The rule of thumb for email width is 600px to 640px (pixels). Because mobile screens are narrow and preview panes inside providers like Outlook and Apple Mail are quite small, staying within this range ensures your layout looks spot-on across all devices.

For example, the clothing brand Bonobos uses a clean 620px width for their seasonal campaigns to keep their imagery sharp and centered:

If you go wider than 640px, you risk your layout getting cut off by certain apps, forcing readers to awkwardly scroll sideways just to read a single sentence. Plus, keep in mind that many email services will completely break or refuse to display background colors and images for templates that exceed this standard limit.

The good news? Most email marketing platforms keep email template widths close to 600px, so you rarely have to worry about adjusting them yourself.

Email height

Even though there’s no hard rule on email height, to pass the scroll test, you need to be as concise as it gets. An ideal layout is between 1,500px and 3,000px. Anything less would possibly come across as “incomplete,” and anything more as “too much time to waste.”

Overall, 1 to 3 scrolls on a phone is the sweet spot. Just make sure that the most important part of your email is in the first half to grab attention immediately.

With an approximate height of around 2,000px, this email by Mammut succeeds in delivering the main goal of the email at a glance; not too much scrolling is needed:

Image weight

The total weight of your email images and graphics makes up this size limit. To load fast, every single image should be under 200 KB. Regarding animated GIFs, since they’re usually more heavy, use them only if needed and keep them under 500 KB, including 2 to 3 frames.

Keep in mind that most photos found on stock photo sites are way bigger than that. Before uploading them, compress them (GIFs, too) to avoid long loading times.

As for the total size of your email, keep it below 10MB, and avoid embedding large attachments that could flag your email as spammy.

Sourcing photos straight from your email platform’s built-in design tools or integrations like Canva or Unsplash? Many services offer quick shortcuts to create graphics. Just remember that the exact same rules apply here, too. Always double-check that the final graphic stays compressed and under the weight limit before saving it to your template.

Code weight

Anything in your email translates into hidden HTML and CSS code, be it images, copy, logos, or social media buttons. While HTML builds the structure, CSS handles the styling like colors and fonts, and both add up to your overall code weight. The absolute maximum size for this combined code is 102 KB.

An easy way to avoid unnecessary surprises is to type your email straight into your email editor instead of pasting it from a Google Doc or Word, which can bring more hidden code into the final message. If your email service doesn’t inform you about this, you can export or download the file to see the weight before hitting “Send.”

Email component dimensions with tips

Now that we’ve covered the key email sizes, let’s move to the different elements of an email and how to keep them lightweight.

Email preheader

While many confuse the email preheader with the preview text (the copy that sits next to the subject line), it’s actually the content that appears at the very top of your email. This includes important navigation info, such as a “View in browser” link, incentives like discounts and free shipping, or links back to your website.

In the example below, NET-A-PORTER chose to link to their latest arrivals to boost sales, alongside a “View email in browser” link in case the layout doesn’t display properly on a specific device:

Keep in mind that many email clients will pull this preheader text inside the inbox overview and place it right after your subject line and preview text. To keep things looking neat and organized, keep the preheader height between 20px and 60px. Regarding width, it’ll naturally fall into the standard specs of your email template.

Email header

The email header size varies from brand to brand and campaign to campaign. While the width will follow your average template width, the height depends entirely on your logo size, imagery, and other elements you add.

While smaller headers up to 60px are ideal for both desktop and mobile devices, you can go slightly taller if you want to add more assets. For example, you can include email banners featuring your menu, your latest offers, or other focused content you’d like readers to see at a glance.

But try not to go over 200px, because it’s always best to give your customers a glimpse of the main email body right away to engage them further. Find the best ratio for your brand and test how it looks across different devices to ensure a great experience.

Email body

How long should the body of your email be to ensure that everything the reader needs to grasp the intent is there? While, as we mentioned, there’s no fixed limit, opt for a dimension between 1,000px and 2,000px. As for the width, it will follow the generic spec shared earlier.

For content blocks used to display different product images and sections, keep them up to 300px high and 1,200px wide. This will make them more “snackable” and the navigation will be like a walk in the park.

Finally, make sure to surround each section with plenty of white space to avoid an overwhelming email experience without adding too much length to your design.

The email below from Timberland has an amazing email body example. The height is approximately 1,135px, and the product category images are 240px x 240px, making it easy to scroll whether the reader is on desktop or their mobile device:

CTA button

One of the most important components, especially for ecommerce email campaigns, is the CTA button. At this point, readers are highly likely to turn into customers, so you can’t leave it to chance.

Design-wise, it should first pop out from the rest of the email content. Apart from the color, dimensions play a key role. The rule of thumb here is literal, as everyone should be able to easily click it with their thumb, whether they’re on desktop or mobile.

For starters, aim for a height of at least 44px and ensure there’s enough white space around to make it more “clickable.” While there’s no hard width limit, keep in mind that the average length is about 14 characters.

This email CTA from Saatchi Art is approximately 157px x 46px, and is easy to find and click:

However, it’s best not to overdo it size-wise. If your CTA starts to look like a content block, you might want to resize it so you won’t miss any clicks.

Email footer size

By the time you reach the email footer, your work is almost done, but it’s worth taking this section seriously. The width is organically that of the template, but what about height-wise?

An average of 100px is usually a good start, and you can go up to 300px. Make sure to include all elements needed to comply with regulations, like your physical address, and don’t hide important information, such as your privacy policy and the unsubscribe link. Use clear fonts and enough white space so that they’re easy to spot.

This example by Print.inc is a bit longer, at 341px, but it’s a good example of an email footer:

Image size

The most popular and accepted image types for emails are JPEG, PNG, and GIF. While there are no fixed image dimensions, at least for the width, the height should always keep the user experience in mind. For example, email banner sizes found at the top can be up to 1,500px, especially if they have important information about the email.

Adding images longer than that later in the email might confuse readers if not used carefully. As for multi-column images, aim for approximately 300px to 400px height, and don’t overdo it with product imagery. Stick with those that add value to the email. You should also optimize them for retina screens, like those on iPhones and iPads.

Regarding weight, each image should be less than 200 KB to reduce loading times. If they’re too heavy, you can use a compression tool such as TinyPNG or Compressnow. As for your logo, the ideal size is usually 100-200px.

Fonts

What is the ideal font size to improve the readability of your email? Generally, you want to keep your body text between 14px and 16px to ensure it’s easy to read on mobile screens, while your headers can be a bit larger to ease user navigation.

Plus, keep in mind that custom fonts usually add extra weight to your email, which can slow down load times. More mainstream options like Tahoma, Verdana, Arial, and Times New Roman are considered safer choices that display correctly on any device.

How to check your email size before sending

You followed all the above email tips, and you’re about to send your email. How can you test if everything will really work out the way you intended? Here are three tactics to follow:

• Send a test email: Before sending a message to your customers, always send a test version to your personal account to see how it looks both on desktop and mobile. Scroll all the way down, and if you see anything weird, fix it, re-test, and deliver when it’s ready.
• Download the template: When you finish crafting the email on your template builder, look for an option such as “Export as HTML” or “Download code.” Look at the file size under “Properties” on Windows or “Get Info” on Mac. If it’s more than 100KB, it’s wise to trim the code or image file sizes.
• Check for built-in warnings: Some email builders share a warning when your email is highly likely to get clipped. If a notification like this pops up, never underestimate it. Do what you have to do to stay within the safe zone.

Finding the ideal email sizes for your sends

At the end of the day, it’s not just about hitting the perfect numbers, but making your messages easy to read. Think of your email as an invitation: You want the door to open immediately, the layout to look sharp on any screen, and the next steps to be completely effortless.

So use professional templates, compress your images, and write great copy to land exactly where you belong: right in your customers’ inboxes. Keep your layout light and your message simple, and you won’t have to worry about a thing.

If you’re looking for a platform that handles all of these technical nuts and bolts automatically, consider signing up for a Constant Contact account free trial. The built-in tools, smart Canva integration, and AI features make it incredibly easy to build lightweight, beautiful emails that fit perfectly in every inbox.

FAQs

Let’s answer some frequently asked questions regarding email sizes.

1. How can I prevent Gmail from clipping my emails?

Keep your email simple and focused, and avoid copy-pasting from Google Docs or Microsoft Word, which can drag invisible code into your email. Try typing the email directly in your builder. If you have longer text to share, download the HTML version to ensure it is lower than 102 KB.

2. Can I just attach a PDF flyer to my newsletter?

Attaching a PDF, menu, or event flyer to a broadcast email will most likely trigger spam filters. Modern inbox providers dislike large email attachments. If you want to share a document, upload it to a cloud folder (such as Google Drive or OneDrive) and link to it inside your email instead. You can also link directly to a dedicated landing page on your website.

3. What is the ideal length for an email?

It’s usually 1 to 3 scrolls, considering how busy your customers’ lives are. Make sure the primary message and call-to-action in your email appear within the first scroll to hook people at a glance. Keeping that CTA button in the top half of your email ensures readers don’t miss it.

4. If my email gets clipped by Gmail, does it affect my analytics?

Yes, it can massively distort your data. Most email platforms track open rates using a tiny, invisible tracking pixel that is automatically placed at the very bottom of your email code. If Gmail cuts your email in half, that tracker never loads unless the customer manually clicks “View entire message.” This means your analytics could show artificially low open rates, making it hard to see if your campaign actually worked.