How to Add an Animated GIF to your Website to Give It That Extra WOW Factor

We are big fans of any type of movement on a website, in fact, it’s what most visitors eyes gravitate towards when visiting a website and can really help give your website that extra WOW factor! 😍

In this blog post below, we’ll walk you through how to easily create your own Animated GIF Image, exactly like this one below so you can re-create this with ease to really elevate your own website!

 
 

Let’s show you how!

In the video provided below, we’ll walk you through the following steps in detail:

  1. Find 3-4 images that all have the same sort of style. We love images that are generally the same, however slightly different! What this could look like, as an example, would be 3 images from the same photoshoot with a slightly different pose for each!

  2. Next, crop out these images, all with same size dimensions in either Canva or Photoshop. We’ve used CANVA in our video below. You’ll want to ensure the images are sized exactly the same for the GIF to work.

  3. Next, jump to www.ezgif.com to create your GIF! You can decide on your delay time (aka. speed of the GIF) and you’ll want to select “Don’t stack frames” as well to create your GIF.

  4. Once you are happy with the GIF, save it out, and it’s ready to be uploaded to your website!

 
 
The Coast Kit

Grow your business smarter and faster with our affordable, all-inclusive Squarespace website templates + social media kits. At The Coast Kit, we've developed super flex templates packed with personality that you can make your own. A first-class website, for a smidge of the price.

https://www.thecoastkit.com
Previous
Previous

4 Things You Need to Fix on Your Website ASAP!

Next
Next

How to Add a Favicon or Browser Icon to your Squarespace 7.1 and Squarespace 7.0 Website