Image Tag Hacks

Short Image (under 20px high)

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left" valign="top" height="10" style="font-size:0; line-height:10px;"><img src="http://placehold.it/500x10" alt="" width="500" height="10" border="0" style="display:block;" /></td>
  </tr>
</table>

Spacer Gif For Height

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td height="20" align="left" valign="top" style="font-size:0; line-height:1px;"><img src="images/spacer.gif" alt="" width="1" height="20" border="0" style="display:block;" /></td>
  </tr>
</table>

Spacer Gif For Height (under 20px high)

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left" valign="top" height="10" style="font-size:0; line-height:1px;"><img src="images/spacer.gif" alt="" width="1" height="10" border="0" style="display:block;" /></td>
  </tr>
</table>

Spacer Gif For Width

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td width="20" align="left" valign="top"><img src="images/spacer.gif" alt="" width="20" height="1" border="0" style="display:block;" /></td>
  </tr>
</table>

Spacer Gif For Full Width (<hr />)

<table bgcolor="#000001" cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td height="1" align="left" valign="top" style="font-size:0; line-height:1px;"><img src="images/spacer.gif" alt="" width="1" height="1" border="0" style="display:block;" /></td>
  </tr>
</table>

Disable Download Arrow in Gmail

If that little download arrow is showing up on an image in Gmail, the cause is that your image is either 250px wide or 250px high. The quick fix for this is to toss a link around the image and the little arrow will disappear.