Standard Email Size: Width, Height & Image Dimensions

Published July 11, 2026 · Updated July 28, 2026

The standard email width is 600 pixels. Design inside a 600px container, keep 20–40px of padding on each side (leaving ~520–560px of usable content space), and size your images to that container. Emails have no fixed height — they scroll — but keep the whole HTML file under 102KB so Gmail doesn’t clip it.

Standard email dimensions at a glance

”Email size” usually means width — but sometimes it means kilobytes

Two different measurements share the same word, and mixing them up causes real problems:

• Email size as dimensions — the pixel width (and implied height) of your layout. This is what people usually mean by “email size,” “email dimensions,” “emailer size,” or “eblast size.” The answer is 600px wide.
• Email size as file weight — how many kilobytes the generated HTML takes up. Gmail clips messages over roughly 102KB, hiding everything past the cut behind a “View entire message” link, including your unsubscribe footer.

They interact: wider, more complex layouts generate more HTML, which pushes you toward the 102KB ceiling. But they are not the same measurement, and a 600px email can still be clipped if the underlying HTML is bloated.

One of the first decisions, and it follows you everywhere

Every email has a width — the pixel measurement of the main content container. It sounds trivial, but it drives almost every layout decision that follows: how many columns fit, how large images need to be, how text wraps, and whether your design holds together on a phone or falls apart.

Pick the wrong width and you get horizontal scrolling on mobile, images that overflow, side-by-side sections that crush together, or a desktop email that looks lost in a sea of whitespace. Pick the right width and your email reads cleanly everywhere without extra effort.

What email width actually means

Email width refers to the outer width of your email’s main content area — the container that holds all your sections, images, and text. Most emails are built inside a fixed-width container centered on the screen, with background color filling the space around it.

The industry-standard email width is 600 pixels. That’s not a rule written anywhere — it’s a convention born from years of testing across email clients. At 600px, an email fits comfortably in most desktop preview panes, renders without horizontal scrolling on nearly all clients, and gives you enough room for a readable single column or a tight two-column layout.

Some senders go narrower (500–580px) for a more focused, mobile-friendly feel. A few go wider (640–700px) for image-heavy designs. But 600px remains the safe default, and most templates and builders are built around it.

The same 600px answer applies whatever you call the format — an email newsletter, an email blast, an eblast, an emailer, an email flyer, or an email invitation. They are all HTML email, and they all render in the same clients under the same constraints.

Standard email image dimensions

Image dimensions follow from the container width, not the other way around. Assuming a 600px container with 20px of padding on each side (560px of usable space):

Export at 2× and set the display width in the markup. Retina and high-DPI screens are the norm, so a hero image exported at 1120px but displayed at 560px stays sharp. Never rely on the client to scale an image up — it will look soft. And always compress: image weight is usually what pushes an email toward Gmail’s clipping limit.

Height is up to the design. A hero image between 200px and 400px tall suits most layouts; taller than about 600px and the reader has to scroll past the image before reaching your message.

How tall should an email be?

There is no maximum height. An email scrolls like a web page, and no client truncates based on pixel height — only on file size. So the real constraint is attention, not geometry.

Practical guidance: put your primary call to action within the first screen (roughly the first 400–600px) so it’s visible without scrolling, then let the email run as long as the content genuinely needs. A focused promotional email might total 800–1,200px tall; a monthly newsletter can legitimately run several thousand. What matters is that every section earns its place, not that the total lands under some number.

Why it matters

• Desktop preview panes are narrow. Many desktop users read email in a split view, not full-screen. If your email is wider than the preview pane, it gets cut off or forces horizontal scrolling.
• Mobile rendering depends on it. On phones, most clients scale the email to fit the screen. A wildly wide email gets shrunk down until text is unreadable, or worse, doesn’t scale at all and overflows.
• Image sizing flows from width. Your hero image, banners, and column widths are all relative to the email width. Change the width and every image dimension needs to follow.
• Gmail clipping kicks in earlier. The wider and more complex your email, the more HTML it generates — and Gmail clips emails over roughly 102KB. Efficient widths help keep size down.

How to choose the right email width

1. Default to 600px. Unless you have a specific reason to go wider or narrower, 600px is the width that works across the most clients with the fewest surprises.
2. Consider a narrower width for text-heavy emails. If your email is mostly copy — a newsletter, a personal note, a plain transactional message — 500–560px creates a comfortable reading column that doesn’t strain the eye with too-long lines.
3. Go wider only for image-driven layouts. A product showcase or a visually rich promotional email can work at 640px, but test it carefully in desktop preview panes and on mobile.
4. Keep internal padding consistent. Whatever width you choose, leave at least 20–40px of padding on each side so content doesn’t touch the edges. That inner space is where the eye breathes.
5. Size images to match. A full-width hero image should match your email width (600px) minus padding. An image wider than its container will break the layout; one much narrower will look out of place.
6. Plan for mobile stacking. On mobile, the email scales down and multi-column sections stack vertically. Your width decision should account for how columns reflow — a three-column layout at 600px becomes three stacked sections on a phone, each roughly 200px before scaling.

Common mistakes

• Going too wide. A 700px+ email looks fine on your monitor but clips or scrolls in desktop preview panes — which is how many people actually read email.
• Inconsistent widths within one email. If one section is 600px and the next is 540px, the email looks misaligned and unprofessional. Keep the container width consistent throughout.
• Forgetting edge padding. Content pressed against the container edge looks cramped and is harder to read.
• Ignoring how images interact with width. A 600px image inside a 540px container overflows. Always match image dimensions to the actual available space.

How to handle email width in Temway

Temway’s blocks are built around the standard email width, so every email you compose starts with a container that renders correctly across desktop and mobile clients. You don’t need to set a pixel value or worry about overflow — the layout is handled for you.

When you add multi-column sections, the columns fit within that container and stack automatically on mobile. Images you upload are placed inside their block, sized to fit, so they never push the layout wider than intended. Use the Desktop and Mobile preview to see both views as you build, and adjust spacing and padding until the email breathes the way you want.

Once the layout looks right, export the HTML or push it to your ESP. The width and structure you designed are preserved in the exported output.

Frequently asked questions

What is the standard email width?

The industry-standard email width is 600 pixels. It’s a convention rather than a rule, born from years of testing — at 600px an email fits most desktop preview panes and renders without horizontal scrolling on nearly all clients.

What is the standard email size?

For dimensions, 600 pixels wide — the same answer as email width, since “email size” almost always refers to the layout width. If you mean file size instead, keep the generated HTML under roughly 102KB so Gmail doesn’t clip the message.

What are standard email template dimensions?

600px wide by however tall the content needs, with 20–40px of padding on each side leaving about 520–560px of usable content width. There is no standard height — emails scroll.

What size should email images be?

Match the usable content width. In a 600px email with 20px padding, a full-width image displays at 560px; a two-column image at about 270px; a three-column image at about 173px. Export each at 2× those dimensions for high-DPI screens and set the display width in the markup.

Is there a maximum email height?

No. No email client truncates based on pixel height — Gmail clips on file size (about 102KB), not on how tall the design is. Keep your main call to action within the first 400–600px so it lands above the fold.

Why is 600px the standard email width?

It’s the width that works across the most clients with the fewest surprises. It fits comfortably in narrow desktop preview panes, scales cleanly on mobile, and leaves enough room for a readable single column or a tight two-column layout.

Can an email be wider than 600px?

Yes, but test carefully. Image-driven designs sometimes go to 640px or a little wider, but past roughly 700px you risk clipping or horizontal scrolling in desktop preview panes, which is how many people read email.

What email width works best on mobile?

Most mobile clients scale the whole email to fit the screen, so a well-behaved 600px design adapts automatically. What matters more on mobile is that multi-column sections stack vertically and edge padding keeps content off the screen edges.

Does email width affect Gmail clipping?

Indirectly. Wider, more complex layouts generate more HTML, and Gmail clips messages over roughly 102KB. Efficient widths and clean structure help keep the total size down.

Where to go next

• Understand the layout foundation: Why HTML Emails Use Tables.
• Learn how clean components compile to cross-client HTML: What Is MJML?.
• Learn how columns adapt to screens: Responsive Email Design.
• See it in practice: Mobile-First Email Design.
• Start from a width-tested multi-section design like the agency field-notes newsletter.