How to add a GIF (that keeps its animation!)


Credit: Peter Burr, lemmings, 2020, GIF

The most common frustration when attempting to upload GIFs is that your glorious moving image becomes a static one . . . not the same thing at all.

Here’s why that happens:
There are three default WordPress image sizes: thumbnail, medium, and large. WordPress can also keep your original image in full size, but you need to prompt it to do so. If you allow WordPress to choose the size for animated GIFs, it saves only the first frame. If you then add any of those image sizes into your post or page, they will be static GIF images with no animation–not what you had in mind!

Having established the problem, let’s check out the easy (but not intuitive) solution:

  1. Create your GIF post and add the text (GIF category, etc. from the GIF project prompt).
  2. Place your cursor where you want your first GIF, and click the Add Media button. This will bring up the WordPress media uploader popup. Click Upload files and select the animated GIF file from your computer.
  3. After uploading the file, here’s the crucial step: select ‘full size’ under the ‘Attachment Display Settings’ section on the right.
  4. Click ‘Insert into post’ button to continue. WordPress will now insert your animated GIF in the post editor: this full size image is the original animated GIF you uploaded, and you should be able to see the animation right away if you’re using the visual post editor.

Update: if your GIF is larger than 2mb (too big for Voices), then use the embed instructions Megan shared in the workshop today: embed your gif on WordPress.

Leave a Reply