HubSpot Email Image Sizes 2026: The Complete Guide
Learn the correct HubSpot email image sizes for 2026. Header banners, hero images, logos, and body columns — every dimension to keep your emails sharp.
Your HubSpot email looks perfect in the editor. Then it lands in the inbox, and the header is fuzzy, the logo has a white box around it, and your two-column layout has collapsed into a single stack. Sound familiar?
Getting HubSpot email image sizes right isn't complicated — but the defaults aren't always obvious. This guide covers every image type you'll use in HubSpot emails, with exact pixel dimensions that keep designs sharp on every device and email client.
HubSpot Email Image Sizes at a Glance
| Image Type | Recommended Size | Notes |
|---|---|---|
| Header / hero banner | 600×200 px | Upload at 1200×400 px for Retina |
| Full-width body image | 600 px wide | Variable height |
| Two-column body image | 280 px wide | Based on 600 px template minus padding |
| Three-column body image | 180 px wide | Based on 600 px template minus padding |
| Logo | 200–300 px wide, ~60 px tall | Transparent PNG |
| Animated GIF | 600 px wide max | Keep under 1 MB |
| File size per image | Under 200 KB | Total email under 2 MB |
Email Template Width: Why 600px Is the Foundation
HubSpot email templates default to a maximum content width of 600 pixels. That's not a recommendation — it's the industry standard that every major email client renders cleanly, from Outlook 2016 to Gmail on a 4-year-old Android phone.
Here's the problem most people miss: uploading a wider image and letting HubSpot scale it down to 600px produces a technically correct image that looks blurry on Retina displays. Retina and HiDPI screens pack twice the pixels per inch, so a 600px image displayed in a 600px container looks like a 300px image on those screens.
The fix is simple: upload all images at 2× their display size. A header you want displayed at 600px wide? Upload it at 1200px wide. HubSpot scales it down, and it stays crisp on every screen.
Key takeaway: Always upload images at 2× display width for Retina sharpness. A 600px email template means upload at 1200px wide.
Header and Hero Images
The header or hero banner is the first thing subscribers see after the subject line opens. It needs to load fast and look sharp.
The standard HubSpot header banner is 600×200 px at display size — a clean 3:1 ratio. For Retina screens, upload at 1200×400 px. This covers the full range of email clients without distortion.
If you're using a full-height hero image — large lifestyle photography, a product shot — keep the width at 600px and adjust the height to your design. Just keep in mind: taller images push your call-to-action further below the fold. Most email designers stick to a 3:1 or 2:1 ratio for hero banners to balance visual impact with readability.
A common mistake? Using a hero image saved from a website at 72 DPI. Email doesn't care about DPI — that's a print metric. What matters is pixel dimensions. As long as you have 1200×400 px, you're good.
Body Images: Full-Width, Two-Column, and Three-Column
HubSpot's drag-and-drop email editor lets you add 1-, 2-, and 3-column content modules. Each column can hold an image, but the right upload size depends on how many columns you're using.
HubSpot's default template includes approximately 20px of padding on each side of the content area. Here's how the math works out:
These widths can shift slightly depending on which HubSpot template you're using — some add more internal padding than others. If column images consistently look blurry or overflow their containers, measure the rendered width in a real email client and upload at exactly 2× that number.
Logo Sizing in HubSpot Emails
Most HubSpot email headers include a company logo. The sweet spot is 200–300px wide and 60px tall — wide enough to read clearly, short enough not to dominate the header space. Upload at 2× those dimensions (400–600px wide, 120px tall) for Retina sharpness.
Always save logos as PNG with a transparent background. HubSpot fully supports transparent PNGs, and a transparent logo looks clean on any background color without a white or gray box appearing around it. JPG doesn't support transparency — if you only have a JPG version, you can remove the background and export as PNG before uploading.
Here's what most email guides skip: HubSpot's responsive behavior on mobile. On phones, the email content area shrinks to 320–375px, and your logo scales down with it. A 300px logo becomes roughly 150px on a small screen — still readable, as long as the logo isn't too intricate. If your logo has fine details or small text, consider a simplified version for email use.
File Format and Compression Tips
Email clients operate by different rules than websites. The format choices you make here directly affect both how the email looks and whether it lands in the inbox.
JPG for photos. Photography, product images, lifestyle shots — JPG is the right format. Keep quality at 85% or higher. Email clients don't recompress incoming images the way social platforms do, so what you upload is what subscribers see.
PNG for logos, screenshots, and graphics with text. PNG preserves crisp edges and supports transparency. For any image with text overlaid, PNG will always look sharper than JPG at equivalent file sizes.
GIF for animation. HubSpot supports animated GIFs in email. Keep them under 1 MB for deliverability, and always set a meaningful first frame — Outlook doesn't render animation and shows only frame 1.
No WebP. Gmail and Apple Mail support WebP, but Outlook and many corporate email clients don't. Use WebP on websites, but stick to JPG, PNG, and GIF in HubSpot emails to avoid broken image placeholders for a chunk of your list.
File size matters for deliverability, not just load speed. Keep each individual image under 200 KB, and aim for a total email size under 2 MB (HTML plus all hosted images). Heavier emails are more likely to be clipped by Gmail or flagged by spam filters.
How to Resize Images for HubSpot Emails Using imresizer
The steps below match the actual process imresizer uses on every tool page.
- Go to https://imresizer.com/
- Upload your image — click the button or drag and drop. Supports JPG, PNG, and WebP. You can upload up to 12 images at once for bulk processing.
- Set your target dimensions (for a Retina-ready header, enter 1200px wide and 400px tall), select Crop or Add Padding to match your aspect ratio, then download instantly.
Everything runs in your browser — no signup, no watermark, no server uploads. Your images never leave your device.
Need to hit a specific file size? Use the Compress Image tool to bring files under 200 KB. Or use Resize & Reduce to set both the pixel dimensions and a file size limit in one step — useful when you need a Retina-ready header that also stays under 200 KB.
Key Takeaways
Free Image Resize Tools for HubSpot Email
Frequently Asked Questions
What is the standard image width for HubSpot emails?
HubSpot email templates use a 600px maximum content width. Images should be 600px wide at display size, or 1200px when uploading for Retina screen support. Uploading at 2× keeps images sharp on high-density displays — iPhones, MacBooks, and modern Android phones — without any extra configuration in HubSpot.
Can I use WebP images in HubSpot emails?
Avoid WebP in HubSpot emails. While Gmail and Apple Mail support WebP, Outlook and many corporate email clients don't — and those subscribers will see broken image placeholders instead. Stick to JPG for photos, PNG for logos and graphics, and GIF for animated images.
What file size should HubSpot email images be?
Keep individual images under 200 KB and aim for a total email size under 2 MB (including the HTML and all images). Heavier emails are more likely to be clipped by Gmail at the 102 KB HTML threshold, load slowly on mobile, or trigger spam filters on certain email servers.
How do I make my HubSpot email logo transparent?
Export your logo as a PNG with a transparent background from your design tool (Figma, Illustrator, Canva). If you only have a JPG version, use imresizer's Remove Background tool to strip the background, then download as PNG. Upload the transparent PNG to HubSpot and it will display cleanly on any background color.
Why do my HubSpot email images look blurry?
Blurry images in email are almost always caused by uploading at display size instead of 2×. A 600px-wide image in a 600px container looks fine on standard screens but blurry on Retina/HiDPI displays — those screens expect twice the pixel data. Upload at 1200px wide for a 600px container, and let HubSpot scale it down. The result is sharp on every screen.
How many images can I process at once in imresizer?
imresizer supports up to 12 images per batch. If you need to resize multiple HubSpot email images — header, body columns, and logo — in one go, drag them all in at once and set your target dimensions. Each image downloads separately with the same settings applied.