ThimPressThimPress ThimPress
  • Home
  • Best Deals
    • Eduma – Education WordPress Theme – $439 $69 Only!
    • Eduma Mobile – React Native LMS Mobile App for iOS & Android – $149 $54 Only!
    • Storepify – Minimal Multipurpose Shopify Theme – $89 $29 Only!
    • Sailing | Hotel WordPress Theme – $54 Only!
    • LuxStay – Hotel & BnB WordPress Theme – $54 Only!
    • Coaching – Life And Business Coach WordPress Theme – $54 Only!
    • Course Builder – Online Course WordPress Theme – $49 Only!!
    • StarKid – Kindergarten WordPress Theme – $44 Only!
    • IvyPrep – Education & School WordPress Theme – $44 Only!
  • LearnPress
    • LearnPress – LMS WordPress Plugin
    • LearnPress Add-Ons
    • LearnPress PRO Bundle
    • LearnPress Store
    • Eduma Mobile App
    • LearnPress Mobile App
  • Plugins
    • All
    • LearnPress Add-Ons
    • Create Courses Add-Ons
    • Manage Courses Add-Ons
    • Sell Courses Add-Ons

    Plugins33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    LearnPress Add-Ons33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    Create Courses Add-Ons7

    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Frontend Editor 690x460px
    Frontend Editor Add-On for LearnPress
    Assignments 690x460px
    Assignments Add-On for LearnPress
    Random Quiz 690x460px
    Random Quiz Add-On for LearnPress

    Manage Courses Add-Ons17

    live course
    Live Course Add-On for LearnPress
    Certificates 690x460px
    Certificates Add-On for LearnPress
    Gradebook 690x460px
    Gradebook Add-On for LearnPress
    WPML addon 690x460
    WPML Add-On for LearnPress

    Sell Courses Add-Ons7

    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Stripe add on for LearnPress 690x460px
    Stripe Add-On for LearnPress
    2Checkout add on for LearnPress 690x460px
    2Checkout Add-On for LearnPress
  • Themes
    • All
    • Education Themes
    • Shopify Themes
    • Hotel Themes
    • WordPress Blog & Magazine Themes
    • Free
    • E-Commerce Themes

    Themes16

    EduPress - Education WordPress Starter Theme for LearnPress
    Education WordPress Starter Theme For LearnPress
    RealPress - Real Estate WordPress Theme
    RealPress – Real Estate WordPress Theme
    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme

    Education Themes7

    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme
    course builder
    CorpTrain | Corporate Training WordPress Theme
    onelms education wordpress theme
    OneLMS – Education WordPress Theme

    Shopify Themes1

    Storepify - Minimal Multipurpose Shopify Theme
    Storepify – Minimal Multipurpose Shopify Theme

    Hotel Themes3

    Sailing Hotel WordPress Theme
    Sailing | Hotel WordPress Theme
    hotel
    LuxStay | Hotel & BnB WordPress Theme
    luxhotel hotel & bnb wordpress theme
    LuxHotel – Hotel WordPress Theme

    WordPress Blog & Magazine Themes3

    megabuilder
    MegaBux | Construction WordPress Theme
    magwp
    Magie | Magazine WordPress Theme
    magazette travel
    Magazette | News & Magazine WordPress Theme

    Free2

    EduPress - Education WordPress Starter Theme for LearnPress
    Education WordPress Starter Theme For LearnPress
    education pack
    Education Pack: #1 Free Education WordPress Theme

    E-Commerce Themes1

    RealPress - Real Estate WordPress Theme
    RealPress – Real Estate WordPress Theme
  • Blog
    • WordPress Theme Collections
    • WordPress Plugin Collections
    • Shopify
    • Education & LMS
    • Marketing & SEO
    • Tutorials & Docs
  • Our Services
    • Customization
    • Maintenance Service
    • Hosting Service
    • Advertise
  • Help Center
    • Support Forums
    • Ticket Center
    • Documentation
    • Knowledge Base
    • FAQs
    • Contact us
  • 0
  • Sign in

    Sign In

    Lost your password?

    Not a member yet? Sign up now

    Lost Password

    Please enter your username or email address. You will receive a link to create a new password via email.

    Are you a member? Sign in now

Back
  • Home
  • Best Deals
    • Eduma – Education WordPress Theme – $439 $69 Only!
    • Eduma Mobile – React Native LMS Mobile App for iOS & Android – $149 $54 Only!
    • Storepify – Minimal Multipurpose Shopify Theme – $89 $29 Only!
    • Sailing | Hotel WordPress Theme – $54 Only!
    • LuxStay – Hotel & BnB WordPress Theme – $54 Only!
    • Coaching – Life And Business Coach WordPress Theme – $54 Only!
    • Course Builder – Online Course WordPress Theme – $49 Only!!
    • StarKid – Kindergarten WordPress Theme – $44 Only!
    • IvyPrep – Education & School WordPress Theme – $44 Only!
  • LearnPress
    • LearnPress – LMS WordPress Plugin
    • LearnPress Add-Ons
    • LearnPress PRO Bundle
    • LearnPress Store
    • Eduma Mobile App
    • LearnPress Mobile App
  • Plugins
    • All
    • LearnPress Add-Ons
    • Create Courses Add-Ons
    • Manage Courses Add-Ons
    • Sell Courses Add-Ons

    Plugins33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    LearnPress Add-Ons33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    Create Courses Add-Ons7

    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Frontend Editor 690x460px
    Frontend Editor Add-On for LearnPress
    Assignments 690x460px
    Assignments Add-On for LearnPress
    Random Quiz 690x460px
    Random Quiz Add-On for LearnPress

    Manage Courses Add-Ons17

    live course
    Live Course Add-On for LearnPress
    Certificates 690x460px
    Certificates Add-On for LearnPress
    Gradebook 690x460px
    Gradebook Add-On for LearnPress
    WPML addon 690x460
    WPML Add-On for LearnPress

    Sell Courses Add-Ons7

    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Stripe add on for LearnPress 690x460px
    Stripe Add-On for LearnPress
    2Checkout add on for LearnPress 690x460px
    2Checkout Add-On for LearnPress
  • Themes
    • All
    • Education Themes
    • Shopify Themes
    • Hotel Themes
    • WordPress Blog & Magazine Themes
    • Free
    • E-Commerce Themes

    Themes16

    EduPress - Education WordPress Starter Theme for LearnPress
    Education WordPress Starter Theme For LearnPress
    RealPress - Real Estate WordPress Theme
    RealPress – Real Estate WordPress Theme
    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme

    Education Themes7

    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme
    course builder
    CorpTrain | Corporate Training WordPress Theme
    onelms education wordpress theme
    OneLMS – Education WordPress Theme

    Shopify Themes1

    Storepify - Minimal Multipurpose Shopify Theme
    Storepify – Minimal Multipurpose Shopify Theme

    Hotel Themes3

    Sailing Hotel WordPress Theme
    Sailing | Hotel WordPress Theme
    hotel
    LuxStay | Hotel & BnB WordPress Theme
    luxhotel hotel & bnb wordpress theme
    LuxHotel – Hotel WordPress Theme

    WordPress Blog & Magazine Themes3

    megabuilder
    MegaBux | Construction WordPress Theme
    magwp
    Magie | Magazine WordPress Theme
    magazette travel
    Magazette | News & Magazine WordPress Theme

    Free2

    EduPress - Education WordPress Starter Theme for LearnPress
    Education WordPress Starter Theme For LearnPress
    education pack
    Education Pack: #1 Free Education WordPress Theme

    E-Commerce Themes1

    RealPress - Real Estate WordPress Theme
    RealPress – Real Estate WordPress Theme
  • Blog
    • WordPress Theme Collections
    • WordPress Plugin Collections
    • Shopify
    • Education & LMS
    • Marketing & SEO
    • Tutorials & Docs
  • Our Services
    • Customization
    • Maintenance Service
    • Hosting Service
    • Advertise
  • Help Center
    • Support Forums
    • Ticket Center
    • Documentation
    • Knowledge Base
    • FAQs
    • Contact us
  • Home
  • Blog

How to Add a GIF to WordPress (2023)

Article In BlogBy Duke - March 9, 2023

Looking for a way to Add a GIF to WordPress properly?

GIFs are great for catching up viewers’ attention and increasing their time on your blog & site. However, when you Add a GIF to a WordPress Blog, it may not animate and stay as a normal boring, unanimated image. Therefore, let us guide you on how to add one in the right way.

Table of Contents

  • What is a GIF?
  • The Popularity of GIFs
  • Add a GIF to WordPress: Why Doesn’t Your GIF Work Correctly?
  • How to Add a GIF to WordPress: Guide Detail
  • Add a GIF to WordPress: How to Get GIFs
  • Bonus Tips When You Add a GIF to WordPress
  • Add a GIF to WordPress: Make Your Own GIFs!
  • Add a GIF to WordPress: Wrapping Up

What is a GIF?

A GIF is short for a Graphics Interchange Format – just like an image but not a normal image. It is usually animated but can also be used to make still images. Below is an animated image – GIF of Minimal Multipurpose Shopify theme – Storepify:

storepify motion graphic design
Storepify Product GIF

Besides, we call this type of image “Animated images” because they are not really videos, they are more like flipbooks. There is absolutely no sound which you may notice if having seen some GIFs. On the other side, it’s not really made for animation but for showing 2 or more pictures running sequentially (like a flipbook we have just said).

The Popularity of GIFs

Usually, people use those GIFs to make jokes, memes, ideas, and emotions. Actually, the GIF format is quite outdated – they are 8-bit, restricted to 256 colors, and usually looked like crap. Also, they don’t have semi-transparency and have heavy sizes (heavier than .MP4 files).

Read more:  5 eCommerce Conversion Tips + Templates That Do Things the Right Way

Therefore, people are trying to replace GIFs, however, they always fail. The reasons are various but we will deliver them in 3 ways to save you time:

  • GIFs are simple to create: The first thing coming into a user’s mind is the ease of use. If it is very simple to use but still maintains efficiency, why will we need to replace it? Also, there are free GIF-making websites and apps everywhere on the Internet.
  • Browsers are different: Each browser will have different quirks and one may stop your site from running. For example, the APNG format appeared in 2008 but Edge has just only begun to support it in 2022. However, all browsers have supported the GIF format now.
  • No video support from HTML: There has been no video support based on the HTML standard until 2014 – the appearance of HTML5. Therefore, sharing GIFs is easier than sharing videos

Add a GIF to WordPress: Why Doesn’t Your GIF Work Correctly?

Sometimes you bring a GIF into WordPress and it becomes stained still. Well then, why?

Whenever you add an image to WordPress, it will automatically make some copies of it in different sizes. You can see 4 default WordPress image sizes: Thumbnail, Medium, Large, and Full Size.

default wordpress image sizes

However, when you make new image sizes for GIFs, WordPress ends up saving only the first frame of that GIF. Later, they will become static and don’t animate.

How to Add a GIF to WordPress: Guide Detail

To add a GIF, you must have a page or post where to put ’em.

In a page/post, you will click the “+” button on the right side of a block and select “Image”.

select image block

There are 3 ways for you to upload your GIF: Choose the “Upload” button and select the GIF from your PC; choose the “Media Library” button and select the GIF from your media library; or enter the link to the GIF by choosing the “Insert from URL“. However, you should not use the 3rd way since it doesn’t upload the GIF to your website.

ways to upload your gif

After that, you must select the option “Full size” from the dropdown menu on the right side. The full-size image is the original GIF you have just uploaded to WordPress. This will prevent your WordPress GIFs from showing up as still static images and not animating.

gif full size option

There, here ya go! You have just uploaded a GIF to your site, now you can publish/update the post to see your animated GIF works.

Read more:  Polylang Plugin: The 2023 Best Tool To Build A Multilingual Website

Add a GIF to WordPress: How to Get GIFs

Just like using emojis, you can select the GIFs that are appropriate for the situation. Here are some ways to look up for and use GIFs:

  • Google Keyboard
  • GIF search function on search engines
  • Link Copy

Hence, you can download GIFs to your PC If you want to keep ’em for use. Otherwise, you can make an account on an image-hosting website without downloading them and flooding your PC.

Bonus Tips When You Add a GIF to WordPress

If you want to speed up your WordPress site, carefully consider using GIFs since too many GIFs will actually slow down your site. Why? Because a GIF consists of many compressed/uncompressed images to make an animation.

You can use some plugins to compress the GIFs based on the GIF hosting websites, for instance:

  • GIF Master plugin for Giphy
  • EmbedPress plugin for Gfycat

Add a GIF to WordPress: Make Your Own GIFs!

As has been said, it’s very easy to create a GIF for your use. Not only images but you can also add texts, icons, emojis, etc. if you want to. Well, you know, you must have a GIF before you Add a GIF to WordPress.

Here are the most popular platforms to make a GIF:

  • GIF-making sites: You can find a big bunch of these sites on the Internet. For instance: Giphy, Gfycat, or Imgur. They are all popular GIF makers that will help you with “How to Add a GIF into WordPress“. and offer you tons of image-to-GIF or video-to-GIF tools.
  • GIF-making mobile apps: Of course, you can make one on the move. The most common mobile apps for GIFs are Giphy Cam and GIF Maker. You drop a video or some images into the GIF maker and let the flow continue.
  • GIF Digital PC software: You may know graphic design, right? Yeah, you can use those graphic design apps to make GIFs. The most popular software is Adobe Photoshop, very familiar to everyone.
Read more:  Why Ruby On Rails Is Still Engaged By The Developers?

In our viewpoint, you should make your GIFs from an online website if you love simplicity.

Add a GIF to WordPress: Wrapping Up

Indeed, a GIF is an animated image that is more lively than usual static images. You can make your own GIFs but be careful when you Add a GIF to a WordPress Site or Add a GIF to a WordPress Blog. However, feel free to use a GIF after reading the article!

Read more: 7+ Best WordPress Popup Plugin Collection (2023)


Contact us, ThimPress: 

Website: https://thimpress.com/

Fanpage: https://www.facebook.com/ThimPress

Youtube: https://www.youtube.com/c/ThimPressDesign

Twitter: https://twitter.com/thimpress

TAGS: tutorialWordPress

Related Articles

how to add a link in wordpress starting guide

How to Add a Link in WordPress: Starting Guide

how to manage vimeo privacy settings and add a team member

How to Manage Vimeo Privacy Settings & Add A Team Member

how to fix curl error 28 connection timed out error in wordpress

How to Fix “cURL Error 28: Connection Timed out” in WordPress

Latest Articles

  • What Is Backup In WordPress

    What Is Backup In WordPress

  • graphic design software

    Best Graphic Design Software Collection for Designers

  • What Is Security Keys In WordPress

    What Is Security Keys In WordPress

  • What Is Theme

    What Is Theme In WordPress?

  • What Is Plugin In WordPress

    What Is Plugin In WordPress?

Categories

  • Blog
  • Tutorials & Updates
  • WordPress Theme Collections
  • Marketing & SEO
  • WordPress Plugin Collections

FEATURE THEMES

Education WordPress Theme | Eduma
$69
Education WordPress Theme | Eduma

Live DemoBuy Theme

Coaching | Coaching WordPress Theme
$54
Coaching | Coaching WordPress Theme

Live DemoBuy Theme

CorpTrain | Corporate Training WordPress Theme
$49
CorpTrain | Corporate Training WordPress Theme

Live DemoBuy Theme

Hotel WordPress Theme | Sailing
$54
Hotel WordPress Theme | Sailing

Live DemoBuy Theme

Hotel & BnB WordPress Theme | LuxStay
$54
Hotel & BnB WordPress Theme | LuxStay

Live DemoBuy Theme

Charitix | Nonprofit Charity WordPress Theme
$44
Charitix | Nonprofit Charity WordPress Theme

Live DemoBuy Theme

IvyPrep | Education & School WordPress Theme
$44
IvyPrep | Education & School WordPress Theme

Live DemoBuy Theme

Restaurant WordPress Theme - Resca
$44
Restaurant WordPress Theme - Resca

Live DemoBuy Theme

ADD-ONS FOR LEARNPRESS

  • Combo LearnPress Pro Bundle (690x460)Read more

    LearnPress PRO Bundle

    $610 $299

    The next level of LearnPress - LMS WordPress Plugin. More Powerful, Flexible and Magical Inside.

  • Combo LearnPress Semi-Pro Bundle (690x460)Read more

    LearnPress Semi-Pro Bundle

    $210 $149

    5 Most Powerful as well as Most Wanted Premium LearnPress Add-ons. Compact but Fabulous.

  • Add to cart

    WooCommerce Add-On for LearnPress

    $49

    Easy to connect WooCommerce to your LMS website, easy to sell your courses online with no obstacle.

  • Add to cart

    Live Course Add-On for LearnPress

    $19

    Create courses and live video meetings using Zoom or Google Meet Use shortcode to show the meeting content.

  • Add to cart

    Certificates Add-On for LearnPress

    $39

    Add Drag & Drop certificates builder as well as select designed certificates templates for each LMS course.

  • Add to cart

    Gradebook Add-On for LearnPress

    $39

    Track process and result of students in each LMS course. Allow to export the gradebook to CSV.

thimpress logo

We are a company that is passionate about developing products to help you build your business online. Our very first priority is to guarantee our customers’ experience and satisfaction.

"ThimPress" is a brand of "PhysCode LLC".
Address: 14936 DILLOW ST, #V301, Westminster, CA 92683.
Email: [email protected]


COMPANY

  • Privacy Policy
  • Terms & Conditions
  • Refund Policy
  • Item Support Policy

AFFILIATE

  • Become an Affiliate
  • Affiliate Terms & Policies

SUPPORT

  • Documentation
  • Forum
  • How to get help

PRODUCT

  • WordPress Plugins
  • WordPress Themes
  • Shopify Themes
  • Advertise
  • Partner

FIND US ON

  • Facebook
  • Twitter
  • Envato
  • Youtube
Designed by ThimPress. Powered by WordPress.
DMCA.com Protection Status
  • Terms & Conditions
  • Documentation