Crop Images for Email and Newsletter Templates
- Email images need specific dimensions to avoid broken layouts and slow loads
- Standard email body width is 600px — images wider than this break on mobile
- Hero headers, inline images, and product shots each have different ideal ratios
- Free browser cropper handles all of these — no signup, no watermark
Table of Contents
Images in email newsletters behave differently than images on a website. Email clients like Outlook, Gmail, and Apple Mail each handle oversized images differently — some scale them down, some break the layout, some block them entirely until the reader enables images. Getting the dimensions right before you upload to your email tool saves you from broken templates and slow-loading campaigns.
Why Email Image Width Matters
Most email templates are 600px wide. This is the de facto standard because it fits Gmail's reading pane, Apple Mail's default view, and mobile screens without horizontal scrolling.
If your image is wider than 600px, one of three things happens depending on the email client:
- The image gets scaled down automatically (most modern clients handle this correctly)
- The image overflows and breaks the layout horizontally
- Outlook crops the right edge of the image
The safe approach: resize and crop your images to 600px width before uploading to your email tool. This guarantees consistent rendering across clients without relying on client-side scaling.
Common Email Image Types and Their Ideal Dimensions
Hero header image
Full-width image at the top of the email. Typical dimensions: 600x200px (3:1 ratio) to 600x300px (2:1 ratio). Wider than tall — this creates a banner effect. Use the 4:3 ratio preset in landscape orientation as a starting point, or use Free mode and crop to a wide horizontal strip.
Product image (e-commerce)
If showing one product: 1:1 square, 600x600px or smaller. If showing a product in context/lifestyle: 4:3 or 3:2 works well at 600px wide.
Inline content image
Images alongside text in two-column layouts are typically 280-300px wide (half the template width minus gutter). These are often 4:3 or 1:1. Crop to the ratio first, then your email tool handles the resize.
Logo/signature image
Typically 150-200px wide, 1:1 square or 3:1 horizontal. Crop to proportion; actual pixel size matters less since these are small.
Step-by-Step: Crop an Image for Email
- Identify the image type — hero header, product, inline, or logo. Each has a different target ratio (see above).
- Upload the image to the browser cropper.
- Select the ratio preset that matches your target. For a hero header, use Free mode and crop a wide horizontal strip. For a product shot, use 1:1.
- Position the crop box so the key content (product, face, text area) is centered and fully within the frame.
- Download as JPG at 80-85% — email clients don't need high-resolution images, and smaller files load faster especially on mobile.
Upload the cropped image to your email platform (Mailchimp, Klaviyo, Beehiiv, etc.) and use the platform's width settings to set the display size.
Image File Size: Keeping Emails Fast
File size in email matters more than on websites because email clients don't have caching. Every time someone opens your email, the images load fresh. Slow-loading images frustrate readers and increase the chance they close before seeing your content.
Target file sizes per image type:
- Hero header — Under 200KB. Ideally 80-120KB.
- Product images — Under 150KB each. For multi-product emails, keep total image payload under 600KB.
- Inline images — Under 100KB each.
- Logo/signature — Under 30KB.
If your cropped image is too large, use the quality slider to bring it down, or use the compress tool after cropping to hit your target size.
Which Image Format to Use for Email
For email, JPG is the safest format in almost every case:
- JPG — Supported by all email clients, efficient for photos, adjustable compression. Default choice.
- PNG — Use for logos, icons, or images with transparency. Supported everywhere, but larger files than JPG for photos.
- WebP — Avoid for email. Gmail supports it, but Outlook and Apple Mail on older iOS versions do not. Inconsistent rendering means you risk broken images for a portion of your list.
- GIF — Widely supported for simple animations. Not a crop tool output, but worth knowing for email work.
Stick with JPG for photos, PNG for logos and graphics. Skip WebP until email client support improves across the board.
Crop Email Images — Free
Ratio presets, quality slider, instant download. No signup, no watermark.
Open Free Image CropperFrequently Asked Questions
What size should email newsletter images be?
Template width is typically 600px. Hero headers are usually 600x200-300px. Product images work well at 600x600px (square) or 600x450px (4:3). Keep files under 200KB per image.
Should I use JPG or PNG for email images?
JPG for photos — smaller files, universal support. PNG for logos and images with transparency. Avoid WebP for email due to inconsistent client support.
Why do my email images look different in Outlook vs Gmail?
Email clients handle image scaling differently. Cropping and sizing images before upload (rather than relying on each client to scale them) gives the most consistent results across clients.
Can I crop images for Mailchimp, Klaviyo, or Beehiiv with this tool?
Yes. Crop to the right ratio and download, then upload the cropped file to your email platform. The platform handles the final display size.
