Images resize and become unsharp upon sending

Insert Picture buttonWhen inserting an image into the message body or using it in your signature, the image can unexpectedly change in size and/or become unsharp when sending even when it still looked sharp when composing.

The cause of this issue lies in the way handles image dimensions in combination with its dpi value.

This guide contains several solutions and workarounds to this issues.

Background of the issue

Why? buttonThis issue usually happens when you are using a picture other than 96dpi.

When inserting a picture, Outlook will rescale the image as if it was a 96dpi image. This means that if you have a picture of 150dpi with a height of 88px, it will be displayed as an image of 56px high;
88px/150dpi * 96dpi = 56px

It even gets worse; upon sending, Outlook will convert and compress (re-render) the images to 96dpi with the new dimensions permanently! This means that all the “detailed” picture information is lost and you’ll be sending an image of 96dpi which is 56px high. This is of course a severe and very visible quality loss.

If your picture is less than 96dpi, then the opposite happens. A picture of 88px high with a dpi of 32 would then result in a 96dpi image of 264px high. So the result will be a very large image (but this time you can resize it back without the image becoming blurry).

This is a long outstanding issue/function/design choice which goes back all the way to Word 6.0 from 1993.

While this issue might not be a real issue when inserting pictures (which are usually too big anyway), it will become an issue when you have a carefully designed graphic to be used in a newsletter or signature; quality loss and unexpected changes in graphic sizes is not what you want then.

A solution for this was first introduced in Outlook for Microsoft 365 Version 2007 (Build 13029.203208).

Solution in Outlook for Microsoft 365

Microsoft 365 buttonWhen you use Outlook for Microsoft 365 Version 2007 or later, then you can set an option to prevent the compression of pictures as part of the email contents.

  • File-> Options-> Mail-> Editor Options…-> Advanced-> enable: Do not compress images in file

Image Size and Quality - Do not compress images in file

Setting this option will prevent the inserted images from being re-rendered. When the option isn’t set, the images will be re-rendered with the “Default resolution” setting from the dropdown box.

Workaround 1: Re-render the image at 96dpi

The quickest and easiest way around this issue is to re-render your images at 96dpi. In general, this will not produce a noticeable quality loss.

You can do this with a number of picture imaging tools such as IrfanView (free). If you are using IrfanView view, use the following steps to re-render the image at 96dpi;

  1. Make a copy of your image (unless you don’t mind losing the original).
  2. Open the image in IrfanView.
  3. Choose Image-> Resize/Resample
  4. At the bottom of the new dialog, change the DPI value to 96
  5. Press OK.
  6. Save the image.

Now, when you use the image in Outlook, it will keep the expected picture dimensions and won’t become fuzzy upon sending.

Changing the dpi-settings in IrfanView. (Click in image to enlarge)
Changing the dpi-settings in IrfanView.

Workaround 2: Resize the image to its original dimensions

Another way to this without needing any additional application is by resizing the picture in Outlook itself.

After inserting the image, right click on the image and choose “Size and Position…”. You’ll now see its size set to 100%. You must increase this percentage in relation to the decrease of the dpi via the following formula;
original dpi/96dpi * 100%

If you have an image of 150dpi, you’ll have to set the percentage to 156%.
150/96 * 100% = 156.25%

Note that the above method is not perfect and a slight image distortion could still occur. This is because you can only set full percentage points and not, similar to the example, the exact outcome with the full number of digits after decimal. Sadly it is not possible to change the image’s dimensions in Outlook/Word by specifying pixel values.

Workaround 3: Resize signature images to their original dimension

Signature buttonIf you use the image in your signature, then you can resize the image back to its original dimensions by changing the pixel values in the signature template.

To locate the signature template, hold the CTRL button when pressing the Signatures… button in Outlook’s Options dialog. This will open the Signatures folder where you’ll find the <signature name>.htm file. Open this file in Notepad and search for <img tag. You can now change the width and height values to the exact pixel values of the original image.

Hold CTRL and click on the Signatures button to open the Signatures folder
Quickly open the folder by holding CTRL when clicking the Signatures… button.

When creating newsletters or other e-mail design templates

Insert HTML Code buttonIf you are using the image in a newsletter or other template, then it is best to create this in a proper HTML-editor instead of using Outlook/Word to design it in.

When you’re done creating the htm-file, you can inject the generated HTML code directly into a new message via the classic “Attach File” button which you’ll need to add to the Quick Access Toolbar or Ribbon first in Outlook 2016, 2019 and Microsoft 365.

In Outlook 2010 and Outlook 2013 you can do this directly via;
Insert-> (Attach) File-> select the created htm-file-> down arrow on Insert button-> Insert as Text

This will maintain the pixel values for the image as set in your HTML-design and thus its intended size.

Inject HTML directly via Insert As Text
Inject HTML directly via Insert As Text.