3 Minutes Read | Design

How to Use Gifs in Your Infographic Presentations to Make Them More Lively and Awesome

Marta Olszewska

Head of Marketing | Piktochart

There are certain mysterious hacks only the most experienced Pikto-wizards know about. Sometimes they are so hidden, even the Piktochart team members go “Whoa!” when they witness them for the first time (#truestory).

One of these secret gems is including GIFs in infographic presentations, and today we’re going to share the secret with you!

First, Know This: The Most Powerful Presentations Are Simple

Simple versus complicated presentation

Steve Jobs used to say: “People who know what they’re talking about don’t need PowerPoint”.

In some situations, you don’t need an overwhelming presentation or voluminous slide decy. Think of the best TED talks or keynote speeches. Most of the time, all of your attention is on the fantastic storyteller in front of you. You know, the ones who are able to silence the crowd and captivate it with the structure of their talk, the tone of their voice, and their intonation. What stays is the key message. But not everyone can deliver a strong message this way.

Visuals, on the other hand, are proven to help us remember certain things easier. Our brain associates imagery with the message that goes with it, and it’s more likely to stick with us.

Although PowerPoint has been with us for ages, some people still make the mistake of trying to fit too much into the slides and overflowing them with text. You still see those text-heavy presentations here and there, and most of the time, they’re cringe-worthy. Too much text is no good. When you’ve explained everything on the slides and leave no story to tell, how do you manage to capture people’s attention?

“People who know what they’re talking about don’t need PowerPoint” - Steve JobsClick To Tweet

Go for simplicity instead. Keeping your presentation as clean and minimalistic as possible and highlighting what’s important is absolutely essential.

Wait, what were we talking about? Oh, right. GIFs.

Let’s jump right into it. GIFs can serve a few purposes in your presentation. They can:

  • grab your audience’s attention much better
  • help you highlight an important message
  • be self-explanatory with no extra words needed
  • make people laugh

Piktochart uses GIFs in many of our emails and everyday internal communications, and they just make things funnier, lighter (or sometimes more confusing and hence, even funnier…).

The great news is that GIFs can be used in Piktochart! The only condition is that your visual needs to be published and viewed on the web. Our download options don’t cover the .gif format.

How to Add GIFs in Piktochart

Adding GIFs to your Piktochart visual is really easy. It’s exactly the same as adding images, but with 1 more trick: you need to change your saved file’s extension from .gif to .jpg or .png.

Here is what you need to do:

  1. Find an awesome GIF on DribbbleTumblr, or Giphy (or anywhere else you go for animated image magic).
  2. Download it and save it to your computer or other storage device.
  3. Find your saved file and change its extension from “cooldribbble.gif” to “cooldribbble.jpg” (or “cooldribbble.png” if your gif has a transparent background)
  4. Upload your renamed GIF in disguise to Piktochart as you would normally upload an image: you can drag-and-drop it to directly onto your canvas (another hack worth knowing!), or you can use the upload button.
  5. Publish your visual and then embed it into your blog or website, or you can share the link with others via social media or by email.

Here is an example of gifs in a presentation from our Monday Morning Meeting. During those meetings, we share our key statistics, make announcements, and give team or project updates. Those kind of gatherings can be very boring, but we have ways to spice them up. See for yourself!

(Note: some facts have been changed, but it’s surprising to know that only 30% of people can flare their nostrils!)

For the the above GIFs, Harrison searched Dribble and found:

How to Spice up GIFs in Your Presentation

GIFs make your presentation stand out. Using them as simple backgrounds (like in the example above) can add that extra fun element to your meetings.

But… there are other things you can do to make it even cooler. Here’s another Monday Morning Meeting presentation created by Mok, one of our graphic designers.

What She Did, And What You Can Do, Too

  1. Combine text with GIFs – On the title, anouncement and 180th day slides, Mok inserted GIFs and added text frames (found in TEXT tool in the left side navigation) on top. It looks like one element when in fact it’s a combination of two to create one consistent visual.
  2. Create continuity and use humor – for the scrum section, Mok used the same dancing characters and kept adding new ones to each new slide until there were a bunch of grooving chickens on the last one. Clever and funny!
  3. Be simple – Mok says to use simple GIFs that don’t steal attention away from the main information. She used Tumblr to find the chickens, btw.

GIFs can be fun, and they have a power to brighten up your meetings and presentations. Now that you know it’s possible to add them to Piktochart, how will you use them?

  • hyperkey

    Incredible information. Thanks for telling us the tips to make our presentation more attractive and powerful by using GIFs. You are doing a great job. Thanks again.

  • Karin Rex

    Is there a way to publish the infographic containing a working GIF to your own website and have it play there? I do not want my clients to have to have a Piktochart account to view the finished product. Thanks.

    • Will Fanguy

      Hey Karin! You should be able to paste the embed code for an infographic into a post on onto a page. The GIF would still work that way. Let me know what you come up with or if I can help!

      • Karin Rex

        Thanks. How do I find the embed code?

        • Will Fanguy

          Here’s a GIF that shows you how to find the embed code. You can also share the link with them. There’s no account required just for looking. I showed how to do that at the end of the GIF as well. Let me know if I can help with anything else. ?


  • Pingback: How to Use Gifs in Your Published Infographics ...()

  • Max Pelgrims

    Its also not working for me, please help

    • Marta Olszewska

      Hey @maxpelgrims:disqus ! Is it not letting you save this file in the GIF format? Once you’ve saved it as a GIF, you need to click once on its name and change the extension from .gif to .jpg. Please let me know if it works!

  • Bhupendra Singh

    Amazing article. Was searching for something like this.
    Keep up the awesome work. (Y)

    • Marta Olszewska

      Thank you @disqus_thj8gyWWvE:disqus! Let us know if we can help you further!

  • Izabel Dominique Cruz

    Hey Marta! I enjoyed adding gifs into my presentations! GIFs from Dribble are cute and funny. Thank you for the tips!

    Are the gifographics really not available for offline viewing? What sites, apps, or platforms can you recommend that will enable me to present my gifographics?

    PS. I tried downloading the slides and putting it in powerpoint but the gifs are not working properly. And I was looking forward to my presentation’s Whoa moment too. :))

    • Marta Olszewska

      Hi Izabel! In Piktochart we do have a presentation mode and you can show your presentation with GIFs! You need to publish your project first (the top right corner). Once you do that, we give you the link to your live project. Here is an example of a gif presentation I published: https://magic.piktochart.wpengine.com/output/6964807-gif-presentation-example . There is a “Present” option on top. Unfortunately this only works if your presentation is made live. If you are a PRO user, you can set the privacy settings for your online presentation. If you are a free one, you need to make it public for everyone. If your presentation is not super sensitive, you can still publish it for the time of the meeting and then unpublish it right after 🙂 This way you don’t need to paste your slides back to PowerPoint, present directly with Piktochart!

      Gifs don’t work when you download your infographic as a pdf, but they do work in PowerPoint from what I know. You would need to paste a GIF to PowerPoint directly though. It won’t work when you’re trying to insert an image from Piktochart that contains a gif file. Let me know if this helps!

  • massimo

    has anybody tried this, looks amazing but it is not working for me.

    • Marta Olszewska

      Hey Massimo! Let me know what’s wrong and I’ll try to help you! You simply need to rename your downloaded .gif file to .jpg or .png extension and upload as you would with an image.

  • hi @gwynethmarta:disqus, can you please elaborate on how to change .gif image to jpg … becuase i tried to do that here is a link – https://magic.piktochart.wpengine.com/output/1415402-flow-2#

  • Hey @gwynethmarta:disqus,

    That’s an incredibly visual post. Followed up your answer on Content Marketing Institute and wasn’t disappointed.

    • Marta Olszewska

      Hey @ajayprasad_gmr:disqus, I’m very glad you liked the post! Do let us know whether we could help you with your next gifographic, we’d be happy to walk you through!

  • André

    Lol, loved the gifs

    • Marta Olszewska

      Thanks Andre! Grooving chickens are the best 🙂