{"id":183,"date":"2019-07-31T09:06:09","date_gmt":"2019-07-31T07:06:09","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=183"},"modified":"2020-07-29T23:15:06","modified_gmt":"2020-07-29T21:15:06","slug":"wordpress-regenerate-thumbnails","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/wordpress-regenerate-thumbnails\/","title":{"rendered":"How to Regenerate Thumbnails in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Regenerating thumbnails in WordPress is one of those terrific little time-savers that you will be immensely grateful for. There are several common scenarios that require you to regenerate the thumbnails for the images throughout your blog. If you\u2019re currently in one such situation, read on and find out how.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1596057270002{padding-top: 68px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Why Regenerate Thumbnails<\/h2>\n<p>[\/vc_column_text][vc_column_text]There are three common situations that warrant thumbnail regeneration. In all of them, the main issue is that the <b>current thumbnail image size is not compatible with some changes you made <\/b>and needs to be modified so that the thumbnail images look right throughout your blog.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Before we look into several scenarios that require regenerating thumbnails, let\u2019s first talk about WordPress image sizes and thumbnails real quick.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]WordPress has <b>three image sizes<\/b> that are set by default:[\/vc_column_text][vc_empty_space height=&#8221;6px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <ul class=\"qodef-ul-items\">\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Thumbnail: 150px x 150px<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Medium: 300px x 300px<\/span>\n\t\t\t\t            <\/li>\n\t\t            <li class=\"qodef-ul-item\">\n\t\t\t\t<span class=\"qodef-ul-item-text\">Large: 1024px x 1024px<\/span>\n\t\t\t\t            <\/li>\n\t\t    <\/ul>\n        <\/li>\n<\/ul>[vc_column_text]These are the maximum allowed width and height values. The preset values are necessary in order to maintain uniformity of the images you\u2019re using on your website, whatever their actual dimensions.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can change these values for each of the image sizes by navigating to <i>Settings &gt; Media<\/i> and applying the width and height that suits you the best.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You\u2019d think that by simply changing the values in the Media Settings all the images on your website would conform to the new settings. In most situations, you\u2019d be right. After all, these are general settings and they apply to everything on your site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, there are situations when this doesn\u2019t apply. And that\u2019s precisely when you need to regenerate thumbnails. Here are the three most common scenarios we mentioned before:[\/vc_column_text][vc_empty_space height=&#8221;38px&#8221;]<div class=\"qodef-ordered-list-item \">\n\t        <div class=\"qodef-ol-title-holder\">\n            <span class=\"qodef-ol-title-number\">1.<\/span>\n            <span class=\"qodef-ol-title-content\"><strong>New theme.<\/strong> Let\u2019s say you decided to freshen up your website and switch to one of the latest <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\" target=\"_blank\">premium WordPress themes<\/a>. When you change your theme, there is a chance it will come with completely different thumbnail size settings. All the images that you have uploaded and posted after installing the new theme will look okay, but the old ones will be blurred or skewed, too big or too small.<\/span>        <\/div>\n    <\/div><div class=\"qodef-ordered-list-item \">\n\t        <div class=\"qodef-ol-title-holder\">\n            <span class=\"qodef-ol-title-number\">2.<\/span>\n            <span class=\"qodef-ol-title-content\"><strong>Theme update.<\/strong> Sometimes even if you don\u2019t change the entire theme but just <a href=\"https:\/\/helpcenter.qodeinteractive.com\/hc\/en-us\/articles\/360002326058-How-To-Update-A-WordPress-Theme-And-Plugins\">update the theme<\/a> you\u2019re using, the thumbnail size settings may change or simply not work anymore.<\/span>        <\/div>\n    <\/div><div class=\"qodef-ordered-list-item \">\n\t        <div class=\"qodef-ol-title-holder\">\n            <span class=\"qodef-ol-title-number\">3.<\/span>\n            <span class=\"qodef-ol-title-content\"><b>Changing the size in Media Settings.<\/b> If, for any reason, you decide to change the thumbnail size in the Media Settings, you will most likely have to apply your changes to all previously uploaded pictures, otherwise there will be a huge difference between those and the new ones.<\/span>        <\/div>\n    <\/div>[vc_column_text]These three common situations can easily be solved by regenerating thumbnails. With this trick, all of your original images will conform to the new dimensions, whether they\u2019re old images or ones you uploaded after making changes to the site or theme.[\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;bridge-banner&#8221;][vc_empty_space height=&#8221;48px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Regenerate Thumbnails<\/h2>\n<p>[\/vc_column_text][vc_column_text]While \u201cregenerating thumbnails\u201d probably sounds way too technical, it\u2019s actually a quite simple process. And of course, as it is often the case with WordPress, there is a plugin for it![\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The thumbnails plugin is called <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" target=\"_blank\" rel=\"noopener noreferrer\">Regenerate Thumbnails<\/a>, it is completely free and has more than one million active installations.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-1.jpg\" class=\"attachment-full size-full\" alt=\"Regenerate Thumbnails in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-1.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-1-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-1-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]One of the best WordPress plugins for this purpose has one job: to <strong>regenerate all thumbnail sizes for images in your Media Library<\/strong>. In addition, it helps you <strong>locate and delete unused thumbnails<\/strong> and ease the load on your server.[\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;70px&#8221;][vc_column_text]The Regenerate Thumbnails plugin for WordPress is very simple to install and use, it is regularly updated, has excellent ratings and comes with decent support. And here\u2019s how to use it:[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<p>1. Log into your Dashboard and go to <b><i>Plugins<\/i><\/b><i>. <\/i>Click on <b><i>Add New<\/i><\/b><i>.<\/i><\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-2.jpg\" class=\"attachment-full size-full\" alt=\"Regenerate Thumbnails in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-2.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-2-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<\/p>\n<p>2. Type <b>\u201cRegenerate Thumbnails\u201d<\/b> in the search bar. Once you\u2019ve located the plugin, click on <b><i>Install Now<\/i><\/b><i>. <\/i><\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-3.jpg\" class=\"attachment-full size-full\" alt=\"Regenerate Thumbnails in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-3.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-3-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-3-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<\/p>\n<p>3. You\u2019ll also need to click on <b><i>Activate<\/i><\/b> after the installation is finished, to complete the process.<\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<\/p>\n<p>4. Go back to the menu. You can access the plugin by going to <b><i>Tools <\/i><\/b>and clicking on <b><i>Regenerate Thumbnails<\/i><\/b><i>. <\/i><\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-4.jpg\" class=\"attachment-full size-full\" alt=\"Regenerate Thumbnails in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-4.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-4-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-4-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<\/p>\n<p>5. The plugin will offer the possibility to regenerate thumbnails for all your attachments and featured images. All you need to do is click on the button.<\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-5.jpg\" class=\"attachment-full size-full\" alt=\"Regenerate Thumbnails in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-5.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-5-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-5-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<\/p>\n<p>6. Another way to regenerate thumbnails is through your Media Library.\u00a0 After installing the plugin, the <b><i>Bulk Actions<\/i><\/b> dropdown menu will have a new option, <b><i>Regenerate Thumbnails<\/i><\/b><i>. <\/i>Simply check the images you want to regenerate thumbnails for and click on <b><i>Apply<\/i><\/b><i>.<\/i><\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-6.jpg\" class=\"attachment-full size-full\" alt=\"Regenerate Thumbnails in WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-6.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-6-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2019\/06\/Regenerate-Thumbnails-in-WordPress-Gallery-6-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<i>Note: In order to do this, the view in your Media Library has to be set to List.<\/i>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Also, make sure to give this WordPress regenerate thumbnails plugin enough time to complete its actions. The more thumbnails it needs to regenerate, the more time it will require. Don\u2019t upload any new images until the plugin finishes regenerating the existing ones.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1596057305204{padding-top: 68px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Regenerating thumbnails using this excellent WordPress plugin is a great way to make sure your images are consistent and uniform across your blog. You can use it every time you change the image size settings, update your theme or switch to a different one. Try it, you\u2019ll be glad you did.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Regenerating thumbnails in WordPress is one of those terrific little time-savers that you will be immensely grateful for. There are several common scenarios that require you to regenerate the thumbnails for the images throughout your blog. If you\u2019re currently in one such situation, read on and find out how.<\/p>\n","protected":false},"author":3,"featured_media":6738,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[30,4],"class_list":["post-183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-creative","tag-tips"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/183\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/6738"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}