Large image files cause real problems in email.
Loading Image Resizer…
Reduce attachment file size for email limits
Inline email images: 600px wide recommended
Retina-ready: 1200px wide for @2x display
Email signature photos: 150-300px wide
Drop the Image Resizer into any page — blog post, product docs, intranet, school portal — with a single line of HTML. Your visitors get the full tool, processed entirely in their browser. No backend, no uploads, no signup.
Embed code
<iframe
src="https://www.fixtools.io/image-tools/image-resizer?embed=1"
width="100%"
height="780"
frameborder="0"
style="border:0;border-radius:16px;max-width:900px;"
title="Image Resizer by FixTools"
loading="lazy"
allow="clipboard-write"
></iframe>Attribution-friendly: a small "Powered by FixTools" link appears in the embed footer.
The standard email template width is 600 pixels. This convention dates back to a time when 800 pixels was a common screen width and designers wanted email content to display without horizontal scrolling on the most common monitors and webmail clients of the era. Today, 600 pixels remains the de facto standard because it displays correctly across Gmail, Outlook, Apple Mail, Yahoo Mail, and mobile email clients without requiring media queries or complex responsive layouts to handle older clients that ignore CSS media queries entirely. Inline images in an email should be 600 pixels wide at maximum for standard one-times display. For retina and high-DPI devices, prepare images at 1200 pixels wide and set the HTML width attribute on the img tag to 600. The image renders at 600 CSS pixels of width but uses 1200 physical pixels on Retina screens, which results in a sharper display on iPhones, modern Android phones, and Retina MacBooks.
Outlook has its own rendering quirks that significantly affect how images display in your email, and ignoring them is one of the most common causes of broken-looking email templates. Older versions of Outlook from 2007 through 2019 use Microsoft Word as their HTML rendering engine, which does not support CSS background images at all. Any background image specified in an email simply does not appear in those Outlook versions, which means a layout that relies on background images for branding or hero treatments will look bare or broken to a substantial slice of corporate recipients. For foreground images embedded with the img tag, Outlook respects the HTML width and height attributes but sometimes ignores CSS-only sizing rules. Always set both the HTML width attribute and a max-width CSS property on email images using markup like width equals 600 plus style equals max-width 100 percent, which ensures the image is 600 pixels on desktop and scales down on mobile without overflowing the container or breaking the layout grid.
Email signature images deserve special attention because they get sent with every single email you write, which means any wasted bytes compound across hundreds or thousands of messages per year. A signature image that is too large slows email loading for every recipient, eats up storage in their mailbox, and can trigger corporate spam filters that flag large messages or messages with disproportionate image to text ratios. Resize signature logos and small icons to 150 pixels wide, or up to 300 pixels wide for profile photos and headshots used in more elaborate signatures. Set the HTML width attribute explicitly on the signature img tag to prevent email clients from displaying the image at its raw pixel size, which can blow up the signature in older clients. For signatures displayed in corporate Outlook environments, keep total signature image file size under 50 kilobytes per image, since large signature images are a common cause of emails being flagged or slow to load on mobile data connections used during travel.
Photo attachments sent through email also benefit from intentional resizing rather than sending the original camera file. A modern phone photo can easily be 5 to 10 megabytes at the original resolution of 4000 pixels or more wide. Most recipients only need to see the photo at a reasonable on-screen size, not at full camera resolution. Resizing to 1200 to 1600 pixels wide and exporting at 85 percent JPG quality produces a file under 500 kilobytes that still looks great on every device and is friendly to recipients on mobile data plans or with restrictive corporate mailbox quotas. For a batch of photos from a trip, conference, or event, the time saved by recipients downloading smaller files often exceeds the few minutes you spend resizing before sending.
For inline email images, resize to 600px wide. For retina @2x email images, resize to 1200px wide. For email signatures, resize to 150-300px wide.
Step-by-step guide to resize image for email:
Determine your email image purpose
Decide what role the image plays in the email. Inline body images for a marketing template should resize to 600 pixels wide, since the de facto email template width is 600 pixels. Retina-ready inline images should resize to 1200 pixels wide and be displayed at 600 with the HTML width attribute. Email signature images should be 150 to 300 pixels wide. Photo attachments should scale to 50 to 75 percent of the original to reduce file size while remaining usable for the recipient.
Upload your image to FixTools
Open the Image Resizer and either drag your file into the upload zone or tap to pick a file from your device. The tool accepts JPG, PNG, WebP, and most camera and screenshot formats directly. For inline marketing images, start from the original high-resolution graphic where possible rather than a previously compressed copy, so the resize produces the cleanest possible result at the smaller dimensions.
Enter the target width
Type 600 in the width field for a standard inline email image, or 1200 for a retina-ready master. Enable Lock Aspect Ratio so the tool auto-calculates the matching height and your image stays proportional. For email signatures, type 150 for a small icon or up to 300 for a larger headshot. For photo attachments, switch to the percentage field and enter 50 or 75 to scale relative to the original.
Resize the image
Click Resize and wait a moment for the preview to refresh. The resulting image will be correctly sized for the email use case you chose. Save as JPG at 85 to 90 percent quality for photos to balance file size and visible quality, or PNG for logos, screenshots, and graphics with text where JPG artefacts would be visible. Both formats render reliably in every major email client.
Compress if still too large
If the resized attachment is still larger than you need, run the Image Compressor on it to reduce file size further without changing the pixel dimensions. JPG compression at 80 percent typically halves the file size with almost no visible quality loss for typical photos. This two-step resize then compress workflow gives you precise control over the final byte count of every attachment, which matters for corporate mail servers with strict limits.
Common situations where this approach makes a real difference:
An email marketer resizes product photography to 600 pixels wide before inserting into a Mailchimp campaign template.
The marketer is launching a seasonal product collection through Mailchimp and the template uses a 600 pixel content width, which is the standard for cross-client compatibility. By batch resizing every product photo to exactly 600 pixels wide at 90 percent JPG quality before importing into Mailchimp, the campaign displays cleanly in Gmail, Outlook, Apple Mail, and every mobile client without horizontal overflow. Open rate and click-through climb compared to the previous campaign that used unresized phone photos and triggered awkward horizontal scrolling on mobile.
An HR professional resizes a company event photo to 1200 pixels wide with HTML width set to 600 for the company newsletter.
The HR team sends a monthly internal newsletter that includes photos from team events, and the marketing manager noticed those photos looked soft on iPhone displays compared to other content. By resizing event photos to 1200 pixels wide as the source asset and setting width equals 600 in the newsletter HTML, the photos render sharply on Retina iPhones while still fitting the 600 pixel column layout used by the template. Employees comment that the newsletter suddenly feels more polished even though the only change was the image preparation step.
A freelance consultant resizes their headshot to 200 pixels wide for their email signature.
The consultant sends 30 to 50 client emails per day and discovered that the previous signature, which contained an unresized 1000 pixel wide headshot, was adding around 800 kilobytes to every outgoing message and triggering occasional spam filter flags on enterprise mail servers. By resizing the headshot to 200 pixels wide and saving as JPG at 85 percent quality, the signature image dropped to under 30 kilobytes. Total signature footprint fell below 50 kilobytes including the logo, eliminating the spam filter issues and dramatically reducing outgoing message size.
A parent resizes vacation photos to 1500 pixels wide before sending a batch to extended family.
The parent took 40 photos on a family beach vacation and wanted to share a curated set of 12 with grandparents and other relatives who do not use shared photo albums. By resizing the selected 12 photos from the original 4000 pixel wide phone resolution to a cleaner 1500 pixels wide at 85 percent JPG quality, the total attachment size dropped from over 100 megabytes to under 4 megabytes for the whole batch. The email went through without hitting size limits and the recipients could view the photos on phones without slow downloads on cellular connections.
Get better results with these expert suggestions:
Set HTML width="600" on all email images
Do not rely on CSS alone to size email images. Always set the HTML width attribute directly on the img tag in your email markup. Older Outlook versions use Word's rendering engine and ignore CSS max-width rules entirely, which means a CSS-only sized image will display at its raw pixel dimensions in those clients and blow out the layout. The HTML attribute ensures the image displays at the correct size in every major email client, including the legacy Outlook versions still used in many corporate environments.
Prepare images at 1200px wide for retina emails
Retina iPhones, recent iPads, and modern Android phones have pixel densities of two times or higher, which means a 600 pixel wide image set at width equals 600 in HTML looks visibly soft on those screens. Prepare your email images at 1200 pixels wide as the source asset and set width equals 600 in the HTML img tag. The image renders sharp at the 600 CSS pixel width while using all 1200 physical pixels on Retina screens, at no cost to the email layout width and only a modest cost to file size.
Keep email attachments under 5MB total
Gmail, Outlook 365, and most major email providers have a 20 to 25 megabyte total message size limit, but messages over 5 megabytes frequently trigger spam filters or cause noticeable delivery delays on corporate mail servers that scan attachments aggressively. Resize photos to 1200 pixels wide and compress to 80 percent JPG quality before attaching. Most photos will come in under 500 kilobytes each at those settings, which lets you attach ten or more photos to a single message and stay comfortably under the threshold that triggers filtering or delays.
Use ALT text on all email images
Many email clients block images by default for privacy and security reasons, and many corporate Outlook installations enforce blocked images as a security policy that recipients cannot override. When images are blocked, the only visible content for the image element is the ALT text attribute on the img tag. Always add short descriptive ALT text to every email image. This is also important for accessibility, since email clients used by visually impaired recipients rely on screen readers reading the ALT text aloud instead of the image.
More use-case guides for the same tool:
Open the full Image Resizer — free, no account needed, works on any device.
Open Image Resizer →Free · No account needed · Works on any device