Use a 600 to 700 pixel wide email header, with a height between 100 and 200 pixels, for most professional email campaigns. That size fits common desktop email layouts, scales cleanly on mobile, and keeps the main message visible without forcing readers to scroll. If your header includes only a logo and a short tagline, stay closer to 600 x 100 pixels. If it includes a seasonal graphic or product image, 600 x 150 or 600 x 200 pixels is usually safer.

TLDR: The safest email header size for professional campaigns is 600 pixels wide by 100 to 200 pixels tall. For example, a retail brand using a 600 x 320 header may push its offer below the fold on mobile, while a 600 x 160 header keeps the CTA visible sooner. In one common campaign setup, reducing header height by 40% can move the first button up by 120 to 180 pixels on a phone screen. That small shift can make the email feel quicker and easier to act on.

Why email header size matters

The header is the first visual block people see after opening your email. It sets the tone, shows the sender’s identity, and often frames the offer. But if it is too tall, it becomes a billboard that blocks the actual message. That is where many campaigns lose attention.

Honestly, it feels like some email builders encourage oversized headers because they look great in the editor. Then you send a test to your phone and the offer is buried. Expect to waste time trimming images if you design only for a desktop preview.

A strong header should do three things fast:

• Confirm the brand with a clear logo or visual style.
• Support the campaign message without repeating the whole email.
• Leave room for the headline, offer, and CTA above the first scroll.

Recommended email header dimensions

For most campaigns, use these header size ranges:

• Standard header: 600 x 100 pixels
• Brand header with simple graphic: 600 x 150 pixels
• Promotional header: 600 x 200 pixels
• Wide layout header: 700 x 150 pixels
• Mobile first header: 320 to 375 pixels wide in source layout, or a responsive 600 pixel header that scales down

The classic 600 pixel width remains popular because email clients are still awkward. Gmail, Outlook, Apple Mail, Yahoo, and mobile apps all render email a bit differently. A 600 pixel container is stable across most inboxes and gives designers enough room without causing horizontal scrolling.

If your email template uses a 640 pixel or 700 pixel container, that can also work. Just test it. Some older Outlook versions are fussy, and no one enjoys fixing a header that looked perfect until Outlook decided to add strange spacing.

Best height for different campaign types

Header height should match the job of the email. A newsletter does not need the same header as a holiday sale. A product launch may need more visual space, but the offer should still appear quickly.

• Newsletters: Use 80 to 120 pixels. Keep it tidy. The content matters more than decoration.
• Promotional emails: Use 120 to 200 pixels. Show energy, but keep the CTA close.
• Event invitations: Use 150 to 220 pixels if you need a date, venue, or speaker image.
• Transactional emails: Use 60 to 100 pixels. People want confirmation details, not a poster.
• Luxury or editorial campaigns: Use 180 to 250 pixels only if the image adds value.

Avoid using a huge header as a replacement for the email body. If the entire message lives inside one image, people with images turned off may see almost nothing. Screen readers may also miss key content unless you add smart alt text.

Mobile sizing is the real test

More than half of many campaign opens happen on mobile. For some retail, food, beauty, and media lists, mobile opens can reach 60% to 75%. That means your 600 pixel header must shrink gracefully on a small screen.

Use a responsive template where the header image scales to 100% width of the container. A 600 x 150 pixel image will often display around 360 x 90 pixels on a phone. That is fine. A 600 x 300 pixel image may display around 360 x 180 pixels, which can eat too much vertical space before the main offer appears.

Keep text inside header images large. Tiny type becomes unreadable after scaling. As a rule, avoid text smaller than 22 to 28 pixels in the original 600 pixel image. Logos should stay sharp and simple. Thin lines and delicate scripts often blur on mobile screens.

File size matters too

Dimensions are only part of the issue. File size affects load time. A beautiful header that takes four seconds to load is not helping. Aim for a header image under 100 KB when possible. For image rich campaigns, staying under 200 KB is still reasonable.

Use JPG for photos, PNG for logos or graphics with transparency, and GIF only when animation adds a clear benefit. Animated headers can look polished, but they get heavy fast. Also, some email clients show only the first frame, so make that frame useful.

For sharper screens, you can create a header at double size, such as 1200 x 300 pixels, and display it at 600 x 150 pixels. This works well for retina displays. Just compress it properly, or the file gets bloated.

What to include in a professional email header

A clean header does not need much. In fact, the best ones are often restrained. The reader should know who sent the email and why it matters within a second.

• Logo: Place it left aligned or centered. Keep it crisp.
• Short campaign cue: Add a brief phrase like Summer Sale or New Collection.
• Brand colors: Use familiar colors, but do not overpack the space.
• Navigation links: Use them sparingly. Three links are enough for most campaigns.
• Alt text: Describe the header in plain language for blocked images and assistive tools.

Do not cram a full menu, social icons, badges, slogans, and legal copy into the top area. It drives me crazy that some templates treat the header like a website navbar. Email is not a homepage. It is a short path to one action.

Common header mistakes

Several sizing mistakes show up again and again. They are easy to fix once you know what to watch for.

• Too tall: Anything over 250 pixels should be questioned.
• Too text heavy: Image text may shrink, blur, or disappear if images are blocked.
• No mobile preview: Desktop approval alone is risky.
• Huge file size: Large images slow loading and frustrate readers.
• Poor contrast: Dark mode can make weak colors harder to read.

Practical sizing formula

If you want a quick rule, use this: 600 pixels wide, 150 pixels tall, under 100 KB. This fits most marketing campaigns and leaves enough room for the headline and CTA near the top.

For a minimal brand email, use 600 x 90. For a promo with a small hero feel, use 600 x 180. If you need a full hero image, treat it as a separate hero section, not a header. That keeps your structure cleaner and makes testing easier.

Final sizing checklist

• Use 600 to 700 pixels for header width.
• Keep height between 100 and 200 pixels for most campaigns.
• Stay under 100 KB when possible.
• Test in Gmail, Outlook, Apple Mail, and at least one mobile device.
• Make the first CTA visible without too much scrolling.
• Add useful alt text.
• Compress images before upload.

The best email header is not the biggest one. It is the one that loads fast, looks sharp, identifies the brand, and gets out of the way. Keep it compact, test it on mobile, and let the message do the selling.