How to Shrink Images for Email (Without Breaking the Layout)

October 18, 2026 • NOFYI Editorial Team

A large image can ruin an otherwise simple email. It may take a long time to download, it may push the text off the screen, or it may arrive as a broken box because the message was too large to send. The reader does not see your original photo. They see a slow, awkward message, and they may stop reading before they reach your point. Shrinking images for email is therefore not just a technical step. It is a courtesy to the reader and a way to protect the layout you intended.

Email is different from a website. A website can serve different image sizes to different devices. An email usually carries the image with it, or links to a hosted image, and it has to work in many different email programs, on phones and desktops, with different screen widths. The safest approach is to make images small in both dimensions and file size, to keep the layout simple, and to test the message by sending it to yourself before you send it to anyone else.

Why Large Images Break Email Layouts

Many email programs display messages in a fixed-width column, often around 600 pixels wide. If you insert an image that is 3000 pixels wide and you do not set a width, some programs will show it at its full size, which forces the reader to scroll sideways. Other programs will shrink it, but the file is still large, so the message still downloads slowly. Either way, the reader gets a worse experience than you intended.

Large images also make messages heavy. An email with several large photos can easily exceed the size that a mailbox accepts, or it can be clipped by a mail provider that truncates long messages. A clipped message may hide your closing paragraph, your signature, or your call to action. The reader may never know that part of the message was cut off.

There is also the question of images that are blocked. Many email programs block images by default, or the reader may have images turned off. If your message depends on a huge image to carry the meaning, a reader who blocks images will see a blank space and a short alt text, if you provided one. A message that works with small images and clear text will still make sense when images are blocked, because the text carries the meaning and the images support it.

How to Shrink Images for Email

Step 1: Choose a Small Display Width

Start with the width of the email column, not with the original photo. A common safe width for an image inside an email is 600 pixels or less. A full-width banner in a typical email template may be 600 pixels wide. An image inside a two-column layout may be 280 to 300 pixels wide. A small inline photo may need only 200 to 400 pixels. If you are not sure, choose 600 pixels as the maximum and check the result on a phone and on a desktop.

Write the target width down before you resize. For example, target width 600 pixels, keep aspect ratio, export as JPEG for a photo. That sentence keeps you from guessing later. It also helps you stay consistent when an email contains several images. If every image uses the same maximum width, the layout looks calm and the message behaves more predictably in different email programs.

Step 2: Resize With the Aspect Ratio Locked

Open the original image in an editor or a resi

Worked Example: A Newsletter Photo From 2400 Pixels to 600 Pixels

Suppose you are preparing a newsletter. You have a photo of a product that is 2400 pixels wide and 1800 pixels tall. The newsletter template displays images at a maximum of 600 pixels wide. Here is the whole process.

First, confirm the target. The template column is 600 pixels wide, so the target width is 600 pixels. You do not need the full 2400-pixel version inside the email, and sending it would make the message heavy for no benefit.

Second, calculate the scale. Divide the target width by the original width: 600 divided by 2400 equals 0.25, or 25 percent. Apply the same factor to the height: 1800 multiplied by 0.25 equals 450 pixels. The resized image should be 600 pixels wide by 450 pixels tall, with the same shape as the original.

Third, resize with the aspect ratio locked. Open the original, turn on lock aspect ratio, type 600 in the width field, and confirm that the height becomes 450 automatically. Save a new copy as newsletter-photo-600w.jpg and keep the original safe in a separate folder.

Fourth, check the file size and the quality. Open the resized file at 100 percent and at the email display size. Look at the product, any text on the packaging, and the edges. If the file is still large, lower the quality slightly or crop away

Frequently Asked Questions

What width should images be in an email?

Use the width of the email column, often 600 pixels or less for a full-width image. A two-column layout may need 280 to 300 pixels per image. Check the result on a phone and on a desktop, and keep the same maximum width for every image in the message.

Should I attach large photos or link to them?

For email, resized images are usually better than large attachments. If readers need full-size files, link to a web page or a shared folder where they can view or download the originals. That keeps the email light and avoids clipping or rejection.

Why does my email look fine to me but broken to someone else?

Email programs display messages differently. One program may shrink a large image, another may show it at full size, and another may block it. Resizing before you insert, keeping the layout simple, and test sending to yourself on a phone and a desktop will catch most of these differences.

Can I just let the email program shrink the image?

You can, but the message will still carry the large file, so it will download slowly and it may be clipped. Resizing before you insert gives you a small file that fits the layout, loads quickly, and is more likely to reach the reader intact.

Conclusion

Small images make email work better. Choose a display width that fits the column, resize with the aspect ratio locked, keep the file size small, do not embed huge images, and test send the message to yourself before you send it to anyone else. In the worked example, a 2400 by 1800 photo became a clean 600 by 450 image because both dimensions were scaled by 0.25. Keep the originals safe, keep the text carrying the meaning, and your emails will arrive light, readable, and with the layout you intended.

empty background that does not help the reader. Do not try to make the image smaller by stretching it, because that will distort it.

Fifth, test send the email to yourself. Send the finished message to your own inbox, then open it on a phone and on a desktop. Check that the image fits inside the column, that the text does not get pushed sideways, that the message loads quickly, and that the closing paragraph and signature are visible. Also check the message with images blocked, if your email program allows it. The text should still make sense, and the alt text, if you added it, should tell the reader what the image shows. If anything looks wrong, fix the resized image and test again before you send to anyone else.

This example shows why both dimensions and file size matter. A 2400-pixel image displayed at 600 pixels wide would still download the full 2400-pixel file in many email programs. A direct resize to 600 by 450 pixels gives you a file that fits the layout and downloads quickly, while the original stays available for other uses.

Limitations

Resizing cannot control every email program. Some programs ignore width settings, some block images, and some display messages differently on different devices. A small image reduces the risk, but it does not guarantee that every reader will see the same layout. That is why email layouts should stay simple, with one column where possible, and with text that carries the meaning even if images do not load.

Resizing also cannot make a low-quality original look sharp. If the original is blurry, a smaller version may hide some flaws, but it will not add detail. If the original contains small text, shrinking it may make that text unreadable. In that case, do not rely on the image to carry the text. Put the important text in the body of the email, and use the image only as support.

Finally, file size limits vary between providers, and a message that one provider accepts may be clipped or rejected by another. Keeping images small, sending fewer images, and testing the message are the most reliable ways to stay inside those limits. If you need to share many large files, a link to a web page or a shared folder is usually a better choice than a very heavy email.

zer. Turn on lock aspect ratio, keep proportions, or the chain icon between width and height. Enter the target width and let the height update by itself. Do not type a new height separately, because that can stretch the image and make faces or logos look distorted. If the tool asks for a percentage, calculate it from the original width. To go from 2400 pixels to 600 pixels, for example, you need 25 percent, because 600 divided by 2400 equals 0.25.

Save the resized version as a new file, such as newsletter-photo-600w.jpg, and keep the original safe. Do not overwrite the original, because you may need a larger version for a website, a printout, or a later email with a different layout. Export once from the original, not from a copy of a copy, because each round of saving can lose detail, especially for JPEG files.

Step 3: Keep the File Size Small

Dimensions are only half the story. File size matters too, because it affects how fast the message downloads and whether it will be accepted. A photo exported at a moderate quality is often much smaller than the same photo at maximum quality, with little visible difference at email size. For graphics with text, logos, or sharp lines, check the result carefully, because heavy compression can make letters look fuzzy. If a graphic has only a few colours, a format such as PNG may stay clean, but watch the file size.

As a practical habit, check the file size after you export. A single email image that is a few hundred kilobytes is often acceptable, but an image that is several megabytes is too large for email, even if it looks beautiful on your computer. If the file is still large, lower the quality slightly, reduce the dimensions a little more, or crop away empty space that does not add information. A small, clean image that arrives quickly is better than a huge image that arrives slowly or not at all.

Step 4: Do Not Embed Huge Images

Do not embed huge images in an email, and do not paste a large image directly from a camera or a screenshot tool without resizing it first. Pasting can hide the true size, and the email program may keep the original dimensions even if the image looks small on your screen. Always resize before you insert, and check the inserted image to confirm that it is the small file you intended, not the original.

If you are sending many images, consider whether each one is needed. One clear image often communicates better than five large ones. If you must send many, send them as resized attachments with clear names, or link to a web page or a shared folder where readers can view the full-size versions. That way, the email stays light, and readers who want the detail can choose to open it.