Outlook 2013 Cutting off top of image?

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!


I spent way too much time on this issue, so might as well document my solution for anyone who may see this.

I solved the problem by nesting the image inside another table, like this:

<td style="line-height: 0">
<table>
  <tr>
    <td>
      <img src="http://example.com/image.png">
    </td>
  </tr>
</table>
</td>

I set the line height to "1" and this fixed my issue :0)

<table>
  <tr>
    <td style="line-height:1;">
      <img src="http://example.com/138x33-team.png" width="138" height="33" style="display:block;">
    </td>
  </tr>
</table>

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.