Going Crazy With Windows 10 Mail And Image Sizes

My images are big originally, to make them look good on high DPI displays. my html email template works well everywhere except Windows outlook 2013 and Windows 10 mail. The images

Solution 1:

This is not valid HTML:

<imgwidth="60px"height="30px"style="margin: 20px"src="myImage.png">

You have to mostly ignore CSS, as HTML email is stuck well into the past. Units are disallowed in the width and height attribute - it's always pixels. Try this:

<imgwidth="60"height="30"style="margin: 20px"src="myImage.png">

I'm not sure that HTML email support has improved for CSS. You'll be unlikely to get a margin to work like that in all mail clients. You'll be better served by wrapping in a table, and making the table cell around the image look something like

<tdcellpadding="20"><imgwidth="60"height="30"src="myImage.png"></td>

Also, I'm fairly certain that the standard for High DPI display of email would be maybe 2x or 3x the display resolution. Why are you using a 500px image? Shrink it to 120px and it should look fine, as most devices right now aren't scaling more than 2x.

Solution 2:

It probably has nothing to do with your image or inline CSS.

Image size in Microsoft Outlook and Windows Mail gets affected by the display settings of Windows 8/8.1/10.

Try putting your display size at 100% and don't forget to sign out of Windows before trying again.

Solution 3:

Dont use margin in emails, it isnt supported in outlook.com/hotmail.com, use padding instead. Width and height should not have px at the end, Outlooks dosnt understand this for some odd reason.

<tdstyle="padding:20px"><imgwidth="60"height="30"src="myImage.png"></td>