Email templates require images at specific pixel widths to render correctly across Gmail, Outlook, Apple Mail, and mobile clients. The Email Template preset generates correctly sized placeholders for every common email slot — header, hero, product card, and banner — so you can build and test layouts before real photography is available.
| Name | Dimensions | Description |
|---|---|---|
| header | 600x200 | Email header — 600×200, the top branding strip in a standard single-column email |
| hero | 600x400 | Hero image — 600×400, the main promotional image below the header |
| product_card | 280x280 | Product card — 280×280, fits a two-column product grid in a 600px email |
| banner | 600x100 | Footer banner — 600×100, a slim promotional or legal strip at the bottom of the email |
Email clients do not scale images the way browsers do. Outlook ignores CSS width declarations on images in some configurations, causing oversized renders. The industry-standard email container is 600px wide, making 600-wide images the safe default for header, hero, and banner slots. Product card images inside multi-column layouts need to fit within each column — typically 280px in a two-column 600px layout. Getting image dimensions right at the design stage prevents broken layouts in production.
Build HTML email templates with correctly sized placeholder images so the layout renders accurately in all email clients before real photography is sourced.
Upload placeholder images to Mailchimp, Klaviyo, or HubSpot to preview campaign layouts and check rendering across devices before the final send.
Use committed placeholder images as stable fixtures for email screenshot comparison tools like Litmus or Email on Acid so visual diffs catch real layout changes.
Ready to generate Email Template placeholder images?
Open the generator with this preset pre-loaded and download your pack in seconds.