I'm currently facing an issue that images that are inserting in a marketing cloud custom template are scaling well to 100% at all kind of email clients but Outlook. The max-width is always ignored by outlook, is there a workaround to easily fix max-width for outlook? I've read a workaround to scale the image to the max-width size before uploading it to the marketing cloud.
Has anybody solved that issue before?
Best Answer
Generally outlooks tend to scale the images to its natural width and height if the width is set to 100%. In order to fix this issue I tend to keep the width and height inlined in the image css.
Here are the steps to reproduce:
<img
attribute. The reason why we set fixed width and height to<img
attribute is because outlook doesn't keep the image size to table width and sets to natural image size.<img
attribute or set it to the<td>
which is wrapping the<img
attribute. If you're using the content builder then it will strip out all the elements from<img
tag that's why it is best to set the class to<td>
Here is the sample code:
1. In the email body
2. In the email header