Why Use Animated GIFs?
Animated GIFs can help you:
Capture reader attention quickly
Demonstrate product features visually
Add motion to otherwise static content
Increase engagement within emails or landing pages
However, not all email clients support GIF animation. Some clients display only the first frame of the GIF. Examples include older versions of Microsoft Outlook such as:
Outlook 2007
Outlook 2010
Outlook 2013
Plan your GIF content accordingly.
How to Add a GIF in Knak
Use an Image Block to insert a GIF into your email or landing page.
Option 1: Upload a GIF from Your Computer
Drag an Image Block into your template.
Click Upload Image.
Select your GIF file.
Add the image to your email or landing page.
Option 2: Add a GIF Using an Image URL
Drag an Image Block into your template.
Select the option to paste an image URL.
Paste the GIF image link.
Confirm to insert the image.
Best Practices for Using GIFs in Emails
Focus on the First Frame
Some email clients only display the first frame of the GIF.
Make sure the first frame contains the key message or visual. This ensures your content remains clear even if animation does not play.
For more information, see: https://litmus.com/blog/a-guide-to-animated-gifs-in-email
Optimize Size and Layout
Large GIF files can slow loading times. They can also affect how your email renders.
Follow these guidelines:
Keep GIF file sizes as small as possible
Check the mobile preview before publishing
Ensure the GIF fits your email layout
Use a 1:1 Ratio for Outlook Compatibility
Microsoft Outlook 2019 may render GIFs incorrectly.
In some cases, Outlook forces GIF images to display at 600px height, regardless of email width. This can stretch or distort the image.
Use a 1:1 aspect ratio when creating GIFs to prevent distortion.
When to Use GIFs
GIFs work best for:
Product walkthroughs
Feature highlights
UI demonstrations
Short visual storytelling
Avoid long or complex animations. Short loops perform best in email.
Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.