I am setting up an email template and the top of a few images were being cut off. This is my code for the images
<td style="line-height: 0"><img src="http://domain.com/image.png"></td>
I have the line height on the td so that the white space underneath will be removed because I want it to be touching the image below.
Top image has a bit of the top being cut off though, how can I fix this?
Turn off compression in Outlook In the email message to which you have attached a picture, click File > Info. Under Image Attachments at the top, select Do not resize images.
Sometimes, when inserting an image in an Outlook email, the image will be resized automatically. That's because the inserted image's resolution is not equal to 96 dpi, and Microsoft Outlook adjusts the image's resolution to 96 dpi automatically.
I had the same problem with ol 2013/16.
The best solution is to specify that the line-height is expressed in pixels.
Change line-height:0;
to line-height: 0px
.
The way I fixed this was to not use line-height and instead set the image to display block and this fixed the image issues and still removed the white space underneath
<td><img src="http://domain.com/image.png" style="display:block;"></td>
Hope this helps someone!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With