So when youre creating an email design that has two columns, you can simply take those columns and stack them on top of each other for mobile. There are two choices for email width that have grown increasingly popular with email designers whore moving beyond 600px:Īn 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. Thats why the question of how many columns youd like to support is one of the most important considerations when settling on your email template width.
Mail designer pro default width full#
Because you have to work with full pixels, youd have to make one column slightly larger as the others and that makes designing your email a whole lot more complex. If your email was 620px wide though, youd be in trouble: 620px divided by three makes 206.67px but theres no such thing as a. A 600px email, for example, can be evenly divided into three columns at 200px each. Youll want to pick an email width that divides evenly by three. Lets say youre looking to build a template that features three columns. Tweet this ’ How columns will dictate the optimal width for your email design The perfect email width doesnt exist it all depends on what exactly youre trying to do with your email design. Especially when youre working with multi-column layouts, picking an email width that supports your column count is crucial. What exactly the best width is depends on what youre planning to do with your design. Most emails fall somewhere between 600px and 700px though. Today, we see many email designers venture beyond 600px to give their email designs just a little more space. So, whats the optimal width for email then? Today, Gmail displays background colours beautifully, no matter how wide your email (or your browser window) is. It's also time to bust another myth that keeps being repeated: You might see resources recommending that your email shouldnt be wider than 640px because Gmail would not display background colours if your email stretches beyond that. Low screen resolutions should no longer restrict your email design width and email clients are no longer limited to 600px view ports either. Reading your emails on an iPhone 11 Pro Max? Thats 1242x2688 pixels available to make your emails shine. If youre reading emails on a computer, you might be looking at a screen with a 1920x1080 resolution. Over the last few years though, a lot has changed. Thats why it used to be important to stick to a maximum email width of 600px. For emails to display properly and without horizontal scrolling, email designers wanted their emails to match that viewport width. 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. 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.
The myth of 600px as the optimal email widthįor a really long time, 600px was the gold standard of email width. The ideal email width gives your design enough breathing room, renders across clients, and allows you to work with the amount of columns that youd like to display.
On the most basic level, the email width dictates how wide the canvas is that you can fill with content. When youre 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. Why does the width matter for your email design? 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! Lets dive right in.
0 kommentar(er)
