If you are using the email builder to create an email campaign and face issues with the size of an image when the email is viewed through Microsoft Outlook or the Windows Mail app, then please follow the solutions below on how to fix the display issue. Only one of these methods needs to be used to correct image sizing issues.
Resize the Image Outside of the Builder
One of the easiest methods to resolve this issue is to use a third-party program like Photoshop or Paint to resize the image to the size you’d like displayed in the email. Once the image is resized, change the properties of the image in the builder to reflect the native size of the image.
Addition of Custom HTML
This method is easy as well but can be confusing without any previous HTML experience.
- Place this line of code in the top div of your email and make changes to the “width” attribute if needed:
- <!–[if mso]> <center> <tr><td> <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”600″><![endif]–>
Top Div Location in Builder
- Place this line of code directly under the “table” element of the div containing the image with sizing issues:
- <!–[if mso]> <table width=”100%”><tr><td><img width=”600″ src=”IMAGE SOURCE URL GOES HERE” alt=” ” style=”text-align: right; width: 600px; border: 0; text-decoration:none; vertical-align: baseline; align: center;”></td></tr></table> <div style=”display:none”> <![endif]–>
- Be sure to copy the correct source URL from the image that was uploaded to the email builder. Make changes to the width or other attributes if needed.
Image Source URL Copy and Paste Placement
- Place this line of code in the last div of your email:
- <!–[if mso]> </td></tr> </table> </center><![endif]–>
Last Div Location in Builder
These methods should correct sizing issues when viewing emails through Microsoft Outlook or the Windows Mail app. Always be sure to test and troubleshoot email campaigns before activating them.