Newsletter Image Sizes 2026: Headers, Inline Images and Thumbnails
Quick answer: Create newsletter images at roughly twice their intended display width, export in sRGB, and compress before upload. For a 600-pixel email column, a 1200-pixel-wide source is a practical starting point. Use JPEG or WebP for photographs where supported, PNG for crisp flat graphics, and always test the received email.
Last verified: September 5, 2026.
Why there is no single newsletter image size
Email templates, publication pages and inboxes display media differently. The useful production target comes from the content column, not the total screen. A high-density source can look sharp on modern displays, but oversized files slow loading and consume mobile data.
Practical production masters
| Use | Starting canvas | Notes |
|---|---|---|
| Full-width inline image | 1200 px wide | Fits a typical 600 px column at 2× |
| Article/social card | 1200×630 | Useful 1.91:1 share preview |
| Square thumbnail | 1200×1200 | Flexible for profile and grid crops |
| Logo | Transparent PNG or SVG where supported | Keep generous clear space |
Choose the right format
JPEG is efficient for photographs. PNG preserves sharp edges and transparency but can become heavy. WebP can reduce size on supported publishing paths, yet email-client and platform processing varies. Animated GIF is convenient but inefficient for long or colorful motion; use it sparingly and provide a useful first frame.
A five-minute pre-send test
- Resize to the production width before uploading.
- Compress until further reduction creates visible artifacts.
- Add descriptive alt text.
- Send a test to desktop and mobile inboxes.
- Check dark mode, loading time, crop and linked destination.
If the publication also contains video, review our Substack video upload settings.
Common mistakes
- Uploading a multi-megabyte camera original.
- Embedding tiny text that becomes unreadable on a phone.
- Using an image as the only place important information appears.
- Failing to test dark mode and transparent logos.
- Assuming the web preview matches every inbox.
FAQ
Do large dimensions always mean better quality?
No. Once the image is sufficiently large for its display width, compression quality, sharpening and the platform’s processing matter more.
Should text be baked into the image?
Only when it is part of the design. Put essential content in live text and repeat necessary image text in alt text or nearby copy.
What file-size target should I use?
There is no universal number. Aim for the smallest file that remains visually clean in a real test email, with special care for mobile readers.
Example compression choices
A photographic header with soft gradients usually compresses efficiently as JPEG. A diagram with flat backgrounds and small labels often remains cleaner as PNG. If a 2400-pixel camera export will display at roughly 600 pixels, resizing before upload usually saves more than aggressive compression alone. Keep the original outside the publishing platform so future templates can be rebuilt.
Image budget for one issue
Treat weight as a budget. Reserve the most detail for the hero image, simplify decorative separators, and avoid repeating the same large logo file. If a chart needs small text, provide the conclusion in live copy and link to a larger accessible version. The best newsletter image is not the largest one—it is the smallest file that communicates the idea clearly on the reader’s device.
