Video Editing

How to add gifs to videos

Clipchamp is a free online video editorTry for free
Share this post
Simpson GIF

Gifs are special things. Existing somewhere between the realms of photo and video, these moving images capture the essence of the internet. Importantly, they’re also one of the most popular visual formats on the web – according to GIPHY, 2019’s most popular gif was viewed more than 419 million times.

Gifs capitalise on trends and capture iconic pop culture moments, making them an excellent tool for connecting with your viewers. A great way to use gifs is adding them to your digital content: blog posts, flipbooks, and videos. Not sure how that works? We’ve added a new GIPHY integration to our free online video editor and this blog will explain how you can use it. In it we’ll cover:

  • What are gifs?

  • Why add gifs to videos?

  • How to add a gif to a video

  • How to create a looped gif

What are gifs?

Gif stands for graphic interchange format. Put simply, they are animated images. A lot of people compare the way gifs work to a flip book – it’s a stack of images grouped together that when watched in the correct order gives the appearance of a moving image.

Broad City GIF

Why add gifs to videos?

Gifs, like videos, are an excellent visual communication tool. But what makes them unique is their ability to speak the language of the internet. Gifs are hugely popular online, so when you add one to your video – you’ll likely be adding content that your viewers can already relate to. It’s a simple method to make your video content resonate and improve your videos.

John Stamos GIF

At the same time, adding Gifs is an excellent way to fill any gaps in your footage. If there’s something you couldn’t quite capture on film, there’s probably a Gif that’ll do it for you. 

This just in — Stickers

Just when we thought we couldn't have any more fun in our video editor, we integrated with GIPHY Stickers. These animations with transparent backgrounds add a whole new vibe to videos. They work just like GIPHYs and live alongside them in the graphics tab in our new sidebar, except you can stick them on top of your existing video or stock instead of editing them between clips.

Free in-browser video editor

Make professional videos in minutes

How to add a gif to a video

Step 1. Create an account 

Log into your Clipchamp account, or sign up for free to get started.

Clipchamp Log in.

Step 2. Create a new project 

Select the Create a video button on the left side bar. We offer five different formats to choose from. Select the video ratio that best suits your project. We recommend using widescreen 16:9 if you are wanting to upload to YouTube.

Clipchamp start project.

Step 3. Add Gifs

Select the Stock button on the left sidebar and when that window opens, select the GIPHY button on the left side. Enter your search terms and look through the results to find the GIF you’re after. Then select it, click the Add to Library button and exit the stock library to access it in the editor.

Clipchamp Create how to add gifs to videos add media.

Step 4. Add gifs to editing timeline 

Once you’ve selected your gifs and they’ve appeared in the editor, you can start to drag and drop them to the editing timeline.

Clipchamp Create how to add gifs to videos drag and drop media.

Step 5. Check and correct aspect ratios

One thing to note about gifs is they come in a whole range of aspect ratios. This means you’ll often need to adjust them to edit them seamlessly with your other footage.

One option you have is to crop your videos to fill the screen, To do this, select your gif from the timeline, click the Transform button and then the Crop to Fill option that appears.

Clipchamp Create how to add gifs to videos crop to fill.

Your other option is to use our newly added Blur Fill filter. This is an excellent choice if you’ve tried Crop to Fill and found that it cuts off integral parts of your gif. Blur Fill will replace any black space behind your gif with a blurred and dimmed version of it. To add Blur Fill, select your gif on the editing timeline, then from the menu that appears above, select the Filters button. Finally, scroll down to find the Blur Fill filter and select it to apply it to your gif.

Clipchamp Create how to add gifs to videos add Blur Fill filter.

Step 6. Edit the rest of your video

From here, continue to edit the video as you like. You can add filters, text and edit your clips together using transitions. Interestingly, because they’re basically a collection of images, all gifs are silent. This gives you a great chance to use our large library of stock audio.

Clipchamp Create how to add gifs to videos edit video.

Step 7. Export your video

Now it’s time to get your video off the editor and on to your computer. To export, click the purple Export button in the top right hand corner of the editor. From here, choose your resolution settings based on the destination for your video and whether or not you want to compress the file. Finally, click the Continue button and wait for your video to export.

Clipchamp Create how to add gifs to videos export video.

Step 8. Review the video

Now is the time to review your exported video. Take a look at how we used some Seinfeld gifs to advertise a day spa sale in our video below.

How to create a looped GIF

We get asked quite often about how to create a looping gif so, here’s how to do it. Modern gif files you see online are technically small video files, most often in MP4 format. This makes them easier to create, share and host online and the looped playback of these clips happens when playing them. The two best options to get the look of a looping gif are as follows.

Using a video or GIF hosting platform

The first way to create a looping gif actually happens outside of Clipchamp. Simply upload the video you’ve created in Clipchamp to your chosen platform. It will either loop your gif automatically or will offer it as a setting option before publishing the clip.

Using Clipchamp

If automatic looping or a loop option aren’t available on your chosen platform, you can create a looped gif manually in Clipchamp. To do this, select your gif in the editing timeline and select the Copy button above it. From here you can click the Paste button as many times as you need to create the effect of a loop – the more you paste, the longer your gif video will play and loop.

Clipchamp create how to add a gif to a video gif looping

Bonus tip — make your own gifs!

If you can’t find the right gif for your video project, consider making your own! GIPHY has its own gif Maker, where you can upload images and videos to produce your own gifs. 

Alternatively, you could use the GIPHY gif Maker to turn a finished video project into gifs, enabling you to share it on platforms your video might not work on.

More from the Clipchamp blog

How to repurpose company presentation videos

May 15, 2022
Are you looking to make the most out of your presentation videos? Employees, managers…

We’re making 1080p exports free

March 23, 2022
Today’s a good day at Clipchamp because we’re making 1080p exports free for all users…

How to make YouTube Shorts with the Create button

March 17, 2022
From TikTok videos to YouTube Shorts, short-form videos have taken over the internet…

Start creating free videos with Clipchamp