The practical answer: Klaviyo recommends a 600px email-template width as a practical baseline and advises preparing many full-width email images between 600px and 1000px wide.
Its documented maximum image size is 10MB, but it recommends keeping images at or below 1MB where possible. Smaller well-optimised product images are often preferable.
Understand Klaviyo's recommended 600px email width
Klaviyo describes 600px as a practical email-template-width reference for compatibility across common inboxes and mobile devices. It is a recommendation rather than a rigid platform restriction. Teams can adjust the template width, but Klaviyo advises careful testing when moving beyond the common baseline.
The template width acts as the outer frame for content blocks. Klaviyo explains that image content is scaled to remain within that frame while preserving proportions. Product grids, padding and custom HTML can still create narrower usable image areas.
| Klaviyo ecommerce placement | Example display width | Possible 2x image source |
|---|---|---|
| Full-width sale hero | 600px | 1200px |
| Two-column product tile | 260px to 300px | 520px to 600px |
| Three-column category image | Approximately 170px to 200px | Approximately 340px to 400px |
| Store logo or brand mark | 150px to 220px | 300px to 440px |
These narrower values are production examples, not official fixed product-block requirements. Measure the spacing and layout used by the actual campaign.
Prepare consistent Klaviyo product-block and catalogue images
Klaviyo product blocks can display items selected manually or generated through connected product data. Even when the platform handles the block layout, inconsistent source photography can leave the grid looking uneven.
- Use a consistent aspect ratio across products appearing in the same row.
- Keep enough clear space around products so important details are not cropped.
- Check that background colours and shadows feel consistent across catalogue images.
- Optimise the actual image files instead of relying only on visual scaling.
- Review missing-image fallbacks for products that are unavailable or not fully synchronised.
- Test long product titles, prices and promotional badges beside the image.
For a 600px template with two product columns, an image might visibly occupy approximately 260px to 300px after gutters and padding. A 520px to 600px source can provide a higher-density alternative without uploading a full camera-resolution photograph.
Use the right images for campaigns, welcome flows and abandoned carts
A one-time campaign and an automated flow can use similar pixel dimensions while having very different production requirements. Campaign imagery may promote a specific launch, whereas a welcome series, browse-abandonment message or abandoned-cart email may remain active for weeks or months.
Scheduled promotional campaign
Use timely hero creative, clear promotional hierarchy and product imagery that matches the landing page available during the campaign window.
Welcome flow image
Prefer evergreen artwork, stable brand positioning and an image that remains appropriate when a subscriber enters the flow at a later date.
Abandoned-cart product
Check the catalogue image crop, dynamic product title, price and fallback behaviour when an item is no longer available.
Post-purchase email
Keep order-related visuals clear and lightweight so practical information remains readable alongside any recommended products.
Review automated images periodically. An efficient asset used in a flow can benefit thousands of sends, while an outdated or oversized one can create the same issue repeatedly.
Check mobile product grids and smaller ecommerce screens
Klaviyo recommends its 600px template baseline partly because wider email layouts can become harder to manage on smaller devices. Mobile performance also depends on how products stack, how much whitespace surrounds each image and whether embedded promotional copy remains readable.
- Preview product grids at practical mobile widths including 320px, 360px and 390px.
- Confirm that stacked images do not make the campaign excessively long.
- Keep discount codes and important dates available as live text when possible.
- Check image links, product availability and the destination shopping experience.
- Review dark-background visibility for transparent brand logos.
Balance Retina sharpness against ecommerce email loading time
High-density images can help product textures, fashion details and brand logos look clearer on modern phones. However, a product-heavy message may include many assets, so applying 2x output to every image can increase the total campaign download substantially.
Consider using a sharper 1.5x or 2x source for the principal hero and best-selling product, while keeping supporting images closer to their display width. Compare each option at the size subscribers will actually see.
Our Retina Email Images Guide explains when 1x, 1.5x or 2x makes sense. The broader Email Image Size Guide covers Outlook, mobile and format considerations.
Understand Klaviyo's 10MB maximum and 1MB recommendation
Klaviyo's published image guidance states a maximum supported image file size of 10MB, while recommending files of 1MB or less where possible. These values should not be confused: one is an upper platform limit and the other is a performance recommendation.
A typical product tile or email hero can often be prepared much smaller while maintaining acceptable quality. Evaluate the image itself instead of assuming that every asset should approach 1MB.
Klaviyo documents support for JPEG, PNG and GIF. It also notes that uploaded WebP artwork may be converted to PNG. A conversion can change the final file size, so inspect the delivered output before relying on WebP as a guaranteed reduction.
Pixel dimensions matter more than DPI metadata: Klaviyo mentions 72dpi in its web-image guidance, but the actual on-screen result is determined by image pixel dimensions, display size, file format and compression. Changing DPI metadata alone does not make an email image sharper or smaller.
Campaign teams comparing alternatives can also read the Mailchimp email image sizes guide to understand how Mailchimp's documented upload guidance differs.
Common Klaviyo ecommerce image mistakes
- Treating Klaviyo's 600px template recommendation as an unchangeable requirement.
- Uploading 10MB images simply because the platform accepts them.
- Using inconsistent product-image ratios that make a catalogue grid look uneven.
- Assuming visual scaling inside the template makes the original source efficient.
- Applying 2x output to every product without checking total campaign weight.
- Leaving outdated seasonal images inside evergreen automated flows.
- Confusing hosted image file size with the HTML message size involved in Gmail clipping.
- Relying on DPI metadata instead of checking actual pixel dimensions.
Frequently asked questions about Klaviyo email images
What image size does Klaviyo recommend for email?
Klaviyo recommends a 600px email-template width as a practical baseline and suggests keeping many full-width email images between 600px and 1000px wide. The actual image size depends on its content block, layout and required visual quality.
Is 600px a mandatory Klaviyo email width?
No. Klaviyo identifies 600px as an effective reference for broad email-client and mobile compatibility, but the template width can be adjusted. Wider templates should be tested carefully across relevant devices and inboxes.
What is the maximum Klaviyo email image file size?
Klaviyo documents a maximum supported image file size of 10MB and recommends keeping images at or below 1MB where possible. For many campaign images, a smaller optimised file can provide a better loading experience.
What size should Klaviyo product-block images be?
Start with the actual width of each product column and maintain a consistent aspect ratio across the products. In a 600px template, a two-column image may display at approximately 260px to 300px depending on spacing, with a suitable 2x source if needed.
Does Klaviyo automatically scale images to the email width?
Klaviyo states that image content is scaled down to fit the configured template width while preserving the aspect ratio. This controls presentation, but source images should still be prepared at sensible dimensions and file weights.
Can Klaviyo use WebP images in email?
Klaviyo documents support for JPEG, PNG and GIF, and notes that an uploaded WebP file can be converted to PNG. Check the final delivered format, visual quality and file size before using the asset in a campaign or flow.
Should Klaviyo flow images be prepared differently from campaign images?
Flows can reuse the same image assets across many automated sends, so consistency, load speed, evergreen relevance and product-data fallbacks deserve particular attention. The correct image dimensions should still match the actual email template and content block.
Official Klaviyo template, image and product documentation
- Klaviyo email image best practices and supported file sizes
- Klaviyo optimal email template width reference
- Klaviyo email product-block setup and catalogue options
ImageOptimise is independent and is not affiliated with, integrated with or endorsed by Klaviyo.
Create lighter Klaviyo campaign and product images
Start with the real template width, keep product imagery consistent and optimise each image before it appears in a campaign or automated flow.