Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Outlook 2013 Cutting off top of image?

Tags:

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?

like image 294
jakecraige Avatar asked Jun 25 '13 13:06

jakecraige


People also ask

How do I stop Outlook from resizing embedded images?

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.

Why is Outlook resizing my image?

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.


2 Answers

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.

like image 124
lucasasecas Avatar answered Sep 30 '22 01:09

lucasasecas


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!

like image 44
jakecraige Avatar answered Sep 30 '22 01:09

jakecraige