How to Create and Optimise Animated GIFs

How to Create and Optimise Animated GIFs

Written by AshLast update 6 months ago

Using animated GIFs and adding personalised layers, using Hyperise is an incredibly effective way to boost your outreach responses.

Here are just a few examples of what can easily be achieved:

Perfect to visualise the CTA of jumping on a call, and minimising to a virtual coffee and chat... 

Great way to summarise the CTA in a follow-up email.

Using a GIF like these in one of our most recent campaigns generated over 17 sales appointments within 2 hours of sending out the email campaign, to less the 300 cold prospects!

To achieve these same results, the process is very simple.

Within Hyperise create a New Image, add the image to the Image Library and set the Canvas Background to the GIF.

When you set the Canvas Background to be a GIF image, the image file extension will automatically change from the default PNG to GIF.

You'll notice that the GIF does not animate once added as the Canvas Background, this is to enable a clean design area, but you will see the animation in the Canvas thumbnail, Image Library as well as of course when previewing the final image.

You can now add personalised layers, and add to your outreach messages, just as you would with any other personalised image.

Want to see the full process of creating the image?  Check out the video below...

Final Thought...

As a general rule, the longer the GIF is, the larger it will become, and the so the longer it will take to load and be seen.  

A target is to keep the GIF under 2.5mb and no more than 60 frames, to keep a fast loading GIF.  If the GIF takes more than 5 seconds to load on the first view, the first frame will be shown as a static image.  Subsequent views will show the full animation, as the GIF will then be cached as load quicker.

To compress any GIF we recommend using and carry out the following steps:

1. Upload your GIF

2. Remove every 2nd frame

3. As we've removed every other frame the GIF is now faster, so we need to slow it down by to 50%

4. Optimise the GIF to reduce it's overall size

5. Save

That's it!!!!

Did this answer your question?