Envira Gallery Documentation

Documentation, Reference Materials and Tutorials for Envira Gallery

How to Add Animated GIFs to Your Gallery

Would you like to create an animated GIF gallery on your site using Envira? You can easily create an animated GIF gallery. We’ll going to walk you through each step needed to create a cool looking animated GIF gallery.

  • Ultimate, Agency, Pro, Plus or Basic Envira license.┬áLearn how to purchase upgrade to one of these licenses.
  • WordPress 4.9+
  • Envira Gallery 1.6.1+

First you’ll need to either create a new gallery or edit an existing gallery. If you need any help creating your first gallery, please review our documentation here.

Next, upload your animated GIF images to your Envira gallery.

To do this, click the Select Files from Other Sources button and upload and insert your images.

Upload your animated GIF images to the gallery

Your last step before publishing your new animated GIF gallery is to make sure you’ve selected the original image size.

This is a very important step. If you don’t choose the Original Image size from the Image Size dropdown, your GIFs will not animate in the gallery.

Navigate to the Configuration tab.

From the Image Size dropdown, choose Original Image as the size.

Be sure to select the Original Image Size from the dropdown when creating your animated GIF gallery

Your final step is to click Publish on your new animated GIF gallery!

Publish your animated GIF gallery

And that’s it! You’ve now created an animated GIF gallery! Have a look at our own animated gallery below.

If you would like to have some more fun with Envira, check out our tutorial on How to Supersize Lightbox Images.

A: Please make sure you’ve selected the correct image size. Navigate to the Config tab and check you’ve chosen the Original Image from the Image Size dropdown.

Choose Original Image size for your animated GIF gallery

A: This could be a limitation of the device’s operating system. Not all devices support the animation of GIFs from phones and tablets.

</hr />