{"id":2195,"date":"2022-05-22T06:01:54","date_gmt":"2022-05-22T10:01:54","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=2195"},"modified":"2022-05-23T04:07:54","modified_gmt":"2022-05-23T08:07:54","slug":"how-to-add-gifs-to-wordpress","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/","title":{"rendered":"How To Add GIFs To WordPress?"},"content":{"rendered":"<p>Recently, we discussed a lot about how images are helpful for user engagement. With one step ahead, today, we will discuss <strong>how to add GIFs to WordPress website<\/strong>. And the good news is that you can easily add gifs to WordPress using the editors.<\/p>\n<p>Gifs have unquestionably established a new approach to communicating with the audience. They are not only <strong>visually stunning<\/strong>, but they also contain a lot of information.<\/p>\n<p>However, creating and adding a gif to WordPress is <strong>not easy at all.<\/strong> The most common problem arises when the added gif is <strong>turned into a static image<\/strong> in the post instead of an animated gif.<\/p>\n<p>In this article, I will try to address these issues along with how to add gifs to WordPress. Further, you can also read\u00a0<a href=\"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/\">How to add featured images to WordPress website?<\/a><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#How_To_Create_A_Gif\" title=\"How To Create A Gif?\">How To Create A Gif?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#How_To_Add_GIFs_To_WordPress\" title=\"How To Add GIFs To WordPress?\">How To Add GIFs To WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#How_To_Add_GIFs_To_WordPress_In_Classic_Editor\" title=\"How To Add GIFs To WordPress In Classic Editor?\">How To Add GIFs To WordPress In Classic Editor?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#1_Upload_Gif_To_Media_Library\" title=\"1. Upload Gif To Media Library\">1. Upload Gif To Media Library<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#2_Edit_Gif_Settings_And_Insert_Gif_To_WordPress_Post\" title=\"2. Edit Gif Settings And Insert Gif To WordPress Post\">2. Edit Gif Settings And Insert Gif To WordPress Post<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#How_To_Add_GIFs_To_WordPress_In_Block_Gutenberg_Editor\" title=\"How To Add GIFs To WordPress In\u00a0 Block (Gutenberg) Editor?\">How To Add GIFs To WordPress In\u00a0 Block (Gutenberg) Editor?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#1_Add_An_Image_Block_To_The_Post\" title=\"1. Add An Image Block To The Post\">1. Add An Image Block To The Post<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#2_Upload_Gifs_To_WordPress\" title=\"2. Upload Gifs To WordPress\">2. Upload Gifs To WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#3_Adjust_Gif_Settings_And_Upload_Gif_To_Website\" title=\"3. Adjust Gif Settings And Upload Gif To Website\">3. Adjust Gif Settings And Upload Gif To Website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#Why_are_Gifs_Not_Working_On_WordPress\" title=\"Why are Gifs Not Working On WordPress?\">Why are Gifs Not Working On WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/basicwebguide.com\/how-to-add-gifs-to-wordpress\/#Final_Thoughts\" title=\"Final Thoughts\">Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Create_A_Gif\"><\/span><strong>How To Create A Gif?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-2197\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/ezgif.gif\" alt=\"how to add gifs to wordpress\" width=\"427\" height=\"427\" \/><\/p>\n<p>There is no direct way to create a gif in WordPress, I recommend using<strong> gif making<\/strong> tools like <a href=\"https:\/\/giphy.com\/explore\/canva\" target=\"_blank\" rel=\"noopener\">giphy<\/a> or canvas (They both are collaborating now and you can use giphy on canvas!).<\/p>\n<p>You just have to upload multiple images by selecting the <strong>requisite format<\/strong> (like jpg, png, jpeg, etc). Now manage and adjust the animation speed and frame orders and generate the gif.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-2199 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-114635.jpg\" alt=\"how to add GIFs to WordPress website\" width=\"468\" height=\"325\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-114635.jpg 468w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-114635-300x208.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-114635-20x14.jpg 20w\" sizes=\"(max-width: 468px) 100vw, 468px\" \/><\/p>\n<p>The gifs can be resized with cropping tools and optimized by using various filters available. <strong>Do not<\/strong> download the &#8220;<strong>high-quality<\/strong>&#8221; gif and optimize it well for lower size otherwise, it will <strong>slow down<\/strong> the website.<\/p>\n<p>I further recommend using compressing tools to shorten the size of the gif (and it is a must for site loading speed). Also, read <a href=\"https:\/\/basicwebguide.com\/how-to-make-images-load-faster-on-website\/\">How to make images load faster on a website?<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Add_GIFs_To_WordPress\"><\/span><strong>How To Add GIFs To WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Adding gifs to a WordPress website is a pretty straightforward method and similar to <a href=\"https:\/\/basicwebguide.com\/how-to-insert-image-in-wordpress\/\">inserting an image<\/a>. Let me remind you adding gifs is easy but only if you add them properly as mentioned in the below steps.<\/p>\n<p>I will discuss how to insert gifs in block editor and classic editor both. You have to <strong>insert and optimize the Gifs<\/strong> before it actually works on your post.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Add_GIFs_To_WordPress_In_Classic_Editor\"><\/span><strong>How To Add GIFs To WordPress In Classic Editor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Make sure that you already have <strong>created a gif<\/strong> and saved it to your system before inserting it into your WordPress site. Following are the steps to add a gif to the WordPress:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Upload_Gif_To_Media_Library\"><\/span><strong>1. Upload Gif To Media Library<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Adding an image or gif is extremely easy with Classic editor.<\/p>\n<ul>\n<li>Open the particular post on which you want to add gifs and start editing.<\/li>\n<li>Head to the top of the page and click on the <strong>Add Media<\/strong> button.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-2139 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428.jpg\" alt=\"How To Add GIFs To WordPress In Classic Editor\" width=\"850\" height=\"210\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428.jpg 850w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428-300x74.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428-768x190.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-15-173428-20x5.jpg 20w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/p>\n<ul>\n<li>Click on the upload files.<\/li>\n<li>Now <strong>upload<\/strong> your created and designed gif from your system&#8217;s memory.<\/li>\n<li>You can also select gifs from the <strong>media library<\/strong> (if you have used them earlier).<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2204 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-154341.jpg\" alt=\"\" width=\"774\" height=\"389\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-154341.jpg 774w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-154341-300x151.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-154341-768x386.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-154341-20x10.jpg 20w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/p>\n<ul>\n<li>A particular gif will be added to your right side; now move to the next step.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"2_Edit_Gif_Settings_And_Insert_Gif_To_WordPress_Post\"><\/span><strong>2. Edit Gif Settings And Insert Gif To WordPress Post<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This is the most <strong>critical step<\/strong> in how to add gifs to WordPress website. Most of the <strong>users failed<\/strong> in this step which resulted in a static image instead of a gif.<\/p>\n<p>WordPress<strong> by default<\/strong> set images in either <strong>large size or thumbnail<\/strong> size which can be modified easily.<\/p>\n<ul>\n<li>Once the image or uploaded to the right-hand side, <strong>scroll down<\/strong> the page.<\/li>\n<li>Look for <strong>Attachment Display Settings<\/strong> at the bottom-last of the page.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2206 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-163448.jpg\" alt=\"how to add gifs to WordPress website\" width=\"433\" height=\"306\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-163448.jpg 433w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-163448-300x212.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-163448-20x14.jpg 20w\" sizes=\"(max-width: 433px) 100vw, 433px\" \/><\/p>\n<ul>\n<li>In front of the <strong>size<\/strong> tab, select <strong>Full Size<\/strong> from the dropdown menu which is by default on the thumbnail.<\/li>\n<li>Once you selected full size, click on the <strong>Insert into post<\/strong> button and enjoy gifs.<\/li>\n<\/ul>\n<p><strong>The full size<\/strong> ensures that the inserted gif will display properly in the <strong>animation<\/strong> format. If it is a thumbnail or large size, the gif is only displayed as a <strong>simple image<\/strong>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Add_GIFs_To_WordPress_In_Block_Gutenberg_Editor\"><\/span><strong>How To Add GIFs To WordPress In\u00a0 Block (Gutenberg) Editor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Gutenberg was released as part of WordPress 5.0 in December 2018. It removes the default editing options from the toolbar. It makes the <strong>block editor more efficient<\/strong> but a bit complicated for new users. Let&#8217;s understand <strong>how to insert Gifs in block editor<\/strong> in WordPress.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Add_An_Image_Block_To_The_Post\"><\/span><strong>1. Add An Image Block To The Post<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>I noticed that many users especially new users <strong>confused<\/strong> about how to add gifs to WordPress in block editor because there is <strong>no direct way<\/strong> to insert media files as in the classic editor.<\/p>\n<ul>\n<li>Open the WordPress post on which you have to add gifs.<\/li>\n<li>On the editor, click on the <strong>plus \u2795 icon<\/strong> on the left top page.<\/li>\n<li>A search bar is open, <strong>type image<\/strong> on the typing box.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2208\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-170539.jpg\" alt=\"Add An Image Block To The Post\" width=\"855\" height=\"351\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-170539.jpg 855w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-170539-300x123.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-170539-768x315.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-170539-20x8.jpg 20w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/p>\n<ul>\n<li>Select <strong>1st option &#8220;image&#8221;<\/strong> from the various options.<\/li>\n<li><strong>Image block<\/strong> will be added to your current post.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"2_Upload_Gifs_To_WordPress\"><\/span><strong>2. Upload Gifs To WordPress<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>Once the image block is added to the post, click on the <strong>upload button or media library<\/strong> if you already have a gif.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2209\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-173559.jpg\" alt=\"How To Add GIFs To WordPress In\u00a0 Block\" width=\"783\" height=\"256\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-173559.jpg 783w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-173559-300x98.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-173559-768x251.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-173559-20x7.jpg 20w\" sizes=\"(max-width: 783px) 100vw, 783px\" \/><\/p>\n<ul>\n<li>Select the required gif from the system or media library and upload it.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"3_Adjust_Gif_Settings_And_Upload_Gif_To_Website\"><\/span><strong>3. Adjust Gif Settings And Upload Gif To Website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The uploaded gif automatically starts animation if the image size is by default <strong>&#8216;full size&#8217;<\/strong> format. If the gif is added as a <strong>static image<\/strong> then follow the below steps to make it animated:<\/p>\n<ul>\n<li>Click on the uploaded gif or image.<\/li>\n<li>From the toolbar, click on the <strong>three dots<\/strong> at the right-most side.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2210\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174448.jpg\" alt=\"add gifs to the website\" width=\"889\" height=\"298\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174448.jpg 889w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174448-300x101.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174448-768x257.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174448-20x7.jpg 20w\" sizes=\"(max-width: 889px) 100vw, 889px\" \/><\/p>\n<ul>\n<li>Select and tap over <strong>show more settings<\/strong> from prompted options.<\/li>\n<li>A <strong>block column<\/strong> appears on your screen at the <strong>left<\/strong> sidebar.<\/li>\n<li>Scroll down the bar and look for <strong>image settings.<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2211\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174939.jpg\" alt=\"how to insert gifs to wordpress\" width=\"352\" height=\"592\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174939.jpg 352w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174939-178x300.jpg 178w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/05\/Screenshot-2022-05-22-174939-12x20.jpg 12w\" sizes=\"(max-width: 352px) 100vw, 352px\" \/><\/p>\n<ul>\n<li>Under image settings, you can see the <strong>image size<\/strong> option.<\/li>\n<li>Ensure that it is Full Size, if not then <strong>select full-size<\/strong> option.<\/li>\n<\/ul>\n<p>That&#8217;s it. Now back to the post again. You can see the uploaded image is <strong>now in animation format<\/strong>. If it was selected as a thumbnail or medium size then it displays a <strong>gif as a static image<\/strong>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Why_are_Gifs_Not_Working_On_WordPress\"><\/span><strong>Why are Gifs Not Working On WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Gifs not working on my website, what to do? This is the most common problem that most users complain about. To make the <strong>gifs work<\/strong>, select the <strong>full size of gifs<\/strong> when you upload them to WordPress.<\/p>\n<p>Upload gifs, select a full size from the size option and insert gifs to WordPress post. Implementing this method ensures that <strong>uploaded gifs work properly<\/strong>. Never upload gifs in thumbnail or medium sizes.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span><strong>Final Thoughts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is all about <strong>how to add gifs to WordPress<\/strong> in block editor and classic editor. You can easily insert gifs to the website from WordPress&#8217;s inbuilt tools and don&#8217;t require any external tools.<\/p>\n<p>I also <strong>don&#8217;t<\/strong> recommend using <strong>multiple gifs for a single post<\/strong> as they are usually in higher sizes and <strong>slow down the website<\/strong>. Also, always download or create optimal quality gifs, extreme quality gifs always have a large size.<\/p>\n<p>However, you can use compressor like <strong>compressor.io<\/strong> to reduce sizes further. I hope you understand well how to add gifs to WordPress and comment below if there are any issues while inserting gifs to websites.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently, we discussed a lot about how images are helpful for user engagement. With one step ahead, today, we will discuss how to add GIFs to WordPress website. And the good news is that you can easily add gifs to WordPress using the editors. Gifs have unquestionably established a new approach to communicating with the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2216,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[2620,2630,2631,2632,2625,2634,2622,2635,2621,2624,2623,2618,2626,2636,2633,2629,2628,2627,2619],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2195"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=2195"}],"version-history":[{"count":11,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2195\/revisions"}],"predecessor-version":[{"id":2217,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/2195\/revisions\/2217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/2216"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=2195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=2195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=2195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}