It’s one of the most fundamental email design questions: How wide should your email be? Here’s the answer.

If you’re just here to find a quick answer, here it is: Most email designs today are between 600px and 700px wide. You no longer have to stick to a maximum width of 600px, as many outdated resources still suggest. Instead, pick a width that works with your design and the complexities of your layout.

In this video, we break down the most popular email widths.

Are you up for a bit more of a deep dive into the world of email widths to find the optimal width for your email template? Awesome! Let’s dive right in. 

Why does the width matter for your email design?

When you’re designing an email, the width attribute specifies how wide an HTML element — in this case the div or table containing all your email content — can stretch. On the most basic level, the email width dictates how wide the canvas is that you can fill with content. The ideal email width gives your design enough breathing room, renders across clients, and allows you to work with the amount of columns that you’d like to display. 

The myth of 600px as the optimal email width

For a really long time, 600px was the gold standard of email width. Why? For a long time, most emails were read on desktop devices, with email clients like Outlook, Yahoo! Mail and Hotmail being among the most popular reading environments. If we go back about ten to fifteen years, most desktop screens hovered around a resolution of 1024x768 pixels, and the most popular email clients provided viewports that were about 600px wide. For emails to display properly and without horizontal scrolling, email designers wanted their emails to match that viewport width. That’s why it used to be important to stick to a maximum email width of 600px.

Over the last few years though, a lot has changed. If you’re reading emails on a computer, you might be looking at a screen with a 1920x1080 resolution. Reading your emails on an iPhone 11 Pro Max? That’s 1242x2688 pixels available to make your emails shine. Low screen resolutions should no longer restrict your email design width — and email clients are no longer limited to 600px view ports either. 

It's also time to bust another myth that keeps being repeated: You might see resources recommending that your email shouldn’t be wider than 640px because Gmail would not display background colours if your email stretches beyond that. That too is no longer true. Today, Gmail displays background colours beautifully, no matter how wide your email (or your browser window) is. 

So, what’s the optimal width for email then?

Today, we see many email designers venture beyond 600px to give their email designs just a little more space. Most emails fall somewhere between 600px and 700px though. 

What exactly the best width is depends on what you’re planning to do with your design. Especially when you’re working with multi-column layouts, picking an email width that supports your column count is crucial. 


The “perfect” email width doesn’t exist — it all depends on what exactly you’re trying to do with your email design.
Tweet this →

How columns will dictate the optimal width for your email design

Let’s say you’re looking to build a template that features three columns. You’ll want to pick an email width that divides evenly by three. A 600px email, for example, can be evenly divided into three columns at 200px each. If your email was 620px wide though, you’d be in trouble: 620px divided by three makes 206.67px — but there’s no such thing as a .67 pixel. Because you have to work with full pixels, you’d have to make one column slightly larger as the others — and that makes designing your email a whole lot more complex. That’s why the question of how many columns you’d like to support is one of the most important considerations when settling on your email template width. 

The most popular email widths used today

There are two choices for email width that have grown increasingly popular with email designers who’re moving beyond 600px: 

  • 640px
    An email width of 640px is a popular choice because it divides nicely by 2 to get to 320px, which is also the narrowest iPhone width. So when you’re creating an email design that has two columns, you can simply take those columns and stack them on top of each other for mobile. Your email will render nicely even on the smallest iPhone, without you having to touch your column widths at all. 
  • 660px
    Especially for brands working with more complex layouts and multiple columns, 660px is a great email width to go with. That’s because 660 divides nicely into 2, 3, 4, 5, 6, and 10 — and that gives you the freedom to work with multiple columns or more complex grid layouts.

You don’t have to stick to these common widths though. Think about your email layout and your column structure first — and then pick an email width that makes it easy to support your design goals.

Curious how fellow email designers work with custom widths that go beyond 600px? Let’s look at a few examples!

Examples of brands that use unusual email widths

Apple’s promotional email is 712px wide

This email from Apple that’s promoting their AirPods is 712px wide. This makes it work nicely when viewed on large screens, but it’s also set up to scale down nicely when viewed on smaller devices. 

Source: Really Good Emails

Behance uses an 800px email width to power a complex layout

This beautiful email by Behance scales to a maximum width of 800 pixels. To power its asymmetrical look, the designers break up the 800px email width into a grid of 16 columns at 50 pixels each. A layout this complex would be close to impossible to do with a smaller width. 


ActionRocket’s EmailWeekly

ActionRocket’s weekly roundup of email news maxes out at 1600px wide, but has several break points so that the layout works down to around 300px width. The risk of having sentences appear too wide (the Measure, aka amount of words per line) is mitigated by using multiple columns, and large font sizes. Most of the article content items are squares, and up to 5 appear on one line, but each square is only ever shown as a max 320px wide. 

___________________

Are you looking to learn more about the fundamentals of great email design?

In this webinar with our friends at Really Good Emails and Mailchimp we look at some of the basic design principles that make for a good email design. You’ll learn the fundamentals of layout and color use — and why it’s a great idea to keep things simple.  


See how Taxi can help your team

Taxi helps marketing teams make better quality email, quicker, at a larger scale.

Let's set up a conversation→


44,916 email campaigns and counting.

Join the smart marketers using Taxi to make better email.