Skip to main content
All CollectionsUsing KnakBuilding Emails and Landing Pages
Using Animated Gifs in Emails and Landing Pages
Using Animated Gifs in Emails and Landing Pages

How to use a gif effectively in your assets

Updated this week

Using animated gifs in an email or landing page is a great way to grab someone's attention. However, not all email clients support animated gifs; for example, Outlook 2007, 2010 and 2013 don't support these types of image files.

How to add a GIF in Knak

To use an animated gif in Knak, drop an image block and upload as you normally would by either uploading and using the GIF from the image library:

Or you can paste the url image link for the gif as well.

And that's it! You're set to use animated gifs in your emails.

Best Practice Tips for using GIFs in your Emails

Focus on the First Frame

Although Knak support fully animated GIFS, some email clients do not support the animation and will display only the first frame of the GIF. Ensure that the first frame of the gif has all the pertinent information that you want the reader to see. The first frame of the gif is used as the default if the animation is not supported. Here is an interesting articles with more details: https://litmus.com/blog/a-guide-to-animated-gifs-in-email

Size and Ratio

When using an animated gif, don't make them too large in size and also take a look at the mobile view to ensure renders how you want it to.

Sometimes GIFs can display differently than expected through MS Outlook 2019. The reason this happens is that Outlook will stubbornly render the GIF at a fixed height of 600px, no matter what the email's width is.

Our recommended work around to combat this issue is to create the gif with a 1:1 ratio. This should stop the GIF from stretching and distorting the image.


Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?