GD
1
Backup Image GIF Outlook
Hi
As we all know outlook desktop clients don’t support gifs, instead they only show the first frame of animation.
I have tried to use a backup image instead of a gif for desktop clients outlook 2000-02-03-07-10-13.
The backup image could help to show the most important call to action, without trying to show it at the first frame of the animation.
I used the code bellow:
—-1st snippet—-
<table class=“width-full” border=“0” cellpadding=“0” cellspacing=“0” width=“680” style=“border-collapse: separate; text-align: center; padding-top: 20px; mso-hide: all;” align=“center”>
<tr>
<td>
img/source.gif
</td>
</tr>
</table>
—-2nd snippet—-
<!—[if gte mso 9]>
<table class=“width-full” border=“0” cellpadding=“0” cellspacing=“0” width=“680” style=“border-collapse: separate; text-align: center; padding-top: 20px;” align=“center”>
<tr>
<td>
img/No.jpg
</td>
</tr>
</table>
<![endif]—>
The 1st snippet contains the gif. I use mso-hide: all in the style of the table in oder to hide the gif in desktop client outlook 2000-02-03-07-10-13.
The 2nd snippet contains the backup image. I use conditional code
I am a noobie so i would like to tell me if you see something that could cause a problem.
Thank in advance!!!
This is functional as described. However, there are a few email client and human considerations:
Email:
As Outlook 2007, 2010, 2013, 2016 for Windows are the ONLY 4 email clients left that require <table> layout due to the MSO rendering engine, your conditional for all other clients could be cleaner without the <table>.
Human:
Why is there a call to action within an animated GIF? Animation or any form of motion design enhances is a progressive enhancement that could delight someone and persuade them to take action. But the action should not depend on the animation. If you place a “Buy Now” button in the last frame of a sequence, you risk the majority of your audience never seeing it – for a number of factors.
While it is highly unlikely that a desktop Windows client will be accessed over a 3G/4G/LTE connection, the double download would affect everyone else – in data cost, performance latency, and mailbox size.
Hello Charles,
Thank you very much for your time!
Everthing you wrote is right.
I will think again the way i am going to use a gif.
:)