{"id":32261,"date":"2021-11-30T15:00:13","date_gmt":"2021-11-30T14:00:13","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=32261"},"modified":"2021-11-29T17:02:42","modified_gmt":"2021-11-29T16:02:42","slug":"bulk-resize-images-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/bulk-resize-images-wordpress\/","title":{"rendered":"How to Bulk Resize Images in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Every time you upload an image to your WordPress website, WordPress automatically creates resized or rescaled duplicates of that image which fit the predefined <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-add-image-size\/\">image size<\/a>. These are used as optimized versions of that image on various screen sizes. However, the original image never gets optimized, which can cause<strong> issues on the website<\/strong>. Specifically, every time a large, unoptimized image loads, it will slow down the website\u2019s load time, leading to an increase in bounce rate and a general decrease of visitors.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Most WordPress users aware of this issue will try to<strong> optimize their images before uploading them<\/strong> to a WordPress website. For others, WordPress offers a way to<strong> resize the images within the Media Library,<\/strong> which can alleviate the problem slightly if used properly. However, since WordPress users can have hundreds or thousands of uploaded images, this solution is less practical. Instead, the best solution is to find <strong>a way to bulk resize large images in WordPress<\/strong>, which is precisely the topic of this article.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Without further ado, let us begin. Here is what we will be talking about: [\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#the-advantages-of-the-imsanity-plugin\">The Advantages of the Imsanity Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#things-to-do-before-bulk-resizing-images-in-wordpress\">Things to Do Before Bulk Resizing Images in WordPress<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#how-to-bulk-resize-images-in-wordpress-using-the-imsanity-plugin\">How to Bulk Resize Images in WordPress Using the Imsanity Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"the-advantages-of-the-imsanity-plugin\"><\/a>The Advantages of the Imsanity Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]Since image optimization is an important part of optimizing any WordPress website, there are many WordPress plugins, as well as other software, which allows you to resize large images. We will, however, only cover the plugin method in this article, as it is best suited for the vast majority of WordPress users. Specifically, we will showcase the Imsanity plugin.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The <a href=\"https:\/\/wordpress.org\/plugins\/imsanity\/\" target=\"_blank\" rel=\"noopener\">Imsanity<\/a> plugin allows you to <strong>set the maximum sizes<\/strong> in which images on your website can be uploaded and used. Meaning, any uploaded images which exceed these dimensions will automatically be scaled down to specified values. Furthermore, <strong>the plugin can resize existing website images<\/strong>, either one at a time or all at once using the bulk resize feature.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can also <strong>exclude some images from the bulk resizing process<\/strong> by appending the suffix \u201c-noresize\u201d to their filename. Furthermore, the plugin also allows you to convert uploaded .bmp and .png images to .jpg and specify the image quality of the resized images.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]All in all, it is a simple plugin for WordPress users who have a lot of images that they aren\u2019t comfortable with manually resizing or rescaling. Furthermore, since the plugin uses default WordPress rescaling functions, we must mention that <strong>some image quality loss is unavoidable<\/strong>. This, in turn, makes this plugin more suited for blogs and websites which don\u2019t require high-resolution images.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"things-to-do-before-bulk-resizing-images-in-wordpress\"><\/a>Things to Do Before Bulk Resizing Images in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]After <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">installing and activating the plugin<\/a>, <strong>navigate to the Settings &gt; Imsanity section<\/strong>. There, you will see all the settings that the plugin has to offer. You will be able to set the maximum width and height for images uploaded within a page or post, Media Library, or elsewhere. Additionally, you can set the image quality for resized .jpg images, convert .bmp or .png images to .jpg ones, and delete the originals.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]These settings will apply for newly uploaded images, while the dimensions and image quality settings will apply for the image resizing feature that the plugin applies to all images. Finally, if you want to convert existing images to .jpg ones, the plugin authors advise using one of their other plugins in conjunction with this one. However, as this is not the topic of our article, we won\u2019t discuss it any further.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For this article, we have kept most of these settings at their default values, but you can <strong>adjust them as you see fit<\/strong>. Having done that, <strong>press the \u201cSave Changes\u201d button<\/strong> to apply the settings.[\/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=\"969\" height=\"595\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Imsanity-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Imsanity Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Imsanity-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Imsanity-Settings-300x184.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Imsanity-Settings-768x472.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Imsanity-Settings-620x381.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Afterward, proceed to the Bulk Resize Images section.<strong> As it is an irreversible process, it is important to carefully read all the warnings and notifications that are written.<\/strong> For most WordPress users, these two are the most important \u2013 <strong>making a backup of your images<\/strong> and the fact that you can <strong>resize a single image to test the resize functionality<\/strong>. As for the former, you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-manually-backup-wordpress-website\/\">make a backup of the website<\/a>, which we strongly advise making at this point. Having done that, let us explain the latter.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To test the resize functionality, <strong>navigate to the Media &gt; Library section<\/strong> and <strong>select the List view<\/strong>. Then, in the following list of images, <strong>note the Imsanity column<\/strong> which has appeared. In it, you will be able to see the original image dimensions and resize the larger ones. Specifically, images which have at least one of the dimensions higher than you previously specified will have a \u201cResize Image\u201d button next to them. To resize any image, i.e. rescale it to fit the conditions that you have set previously, <strong>press the \u201cResize Image\u201d button.<\/strong>[\/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=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image.jpg\" class=\"attachment-full size-full\" alt=\"Media Library Resize Image\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-2.jpg\" class=\"attachment-full size-full\" alt=\"Media Library Resize Image\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-2-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Media-Library-Resize-Image-2-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Shortly thereafter, you will see a status message stating that the image was resized and to which dimensions. Then, after refreshing the page, only the new dimensions will appear within the same column.[\/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=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Resize-Insamity.jpg\" class=\"attachment-full size-full\" alt=\"Resize Insanity\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Resize-Insamity.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Resize-Insamity-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Resize-Insamity-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Resize-Insamity-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Inspect the newly created image<\/strong>, both in the Media Library and any posts or pages it is displayed on. If you are unsatisfied with the outcome, you can simply <strong>disable the plugin and re-upload the image<\/strong> in its original dimensions. Conversely, if you are satisfied with the outcome, you can choose between resizing individual images or bulk resizing.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"how-to-bulk-resize-images-in-wordpress-using-the-imsanity-plugin\"><\/a>How to Bulk Resize Images in WordPress Using the Imsanity Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]In the rest of our article, we will talk about the bulk resizing feature. Since it is enabled quite easily, the most important part is to <strong>exclude any images on which you don\u2019t want to resize<\/strong>. The images can be both the ones that are already present on the website, as well as ones that you plan on uploading in the future. To exclude images from the resizing process, you only need to <strong>add the suffix \u201c-noresize\u201d to the name of the image file<\/strong>. For example, if you don\u2019t want to resize the image \u201cphoto.jpg\u201d, <strong>rename it to \u201cphoto-noresize.jpg\u201d.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After properly excluding all the images you don\u2019t want to resize,<strong> navigate back to the Settings &gt; Imsanity<\/strong> and<strong> locate the Bulk Resize Images section<\/strong> once more. If you are certain you want to bulk resize all images to the image dimensions you have previously set, <strong>press the \u201cStart Resizing All Images\u201d<\/strong> button.[\/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=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Start-Resizing-All-Images.jpg\" class=\"attachment-full size-full\" alt=\"Start Resizing All Images\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Start-Resizing-All-Images.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Start-Resizing-All-Images-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Start-Resizing-All-Images-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Start-Resizing-All-Images-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will be prompted to confirm your choice and start the bulk resizing process.<strong> If you have previously created a backup of your website, press the \u201cOK\u201d button.<\/strong>[\/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=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-OK.jpg\" class=\"attachment-full size-full\" alt=\"Bulk Resize OK\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-OK.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-OK-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-OK-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-OK-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Having done that, you will see a new section at the bottom of the page, in which you can <strong>monitor the status of the resizing process.<\/strong> You can pause the resizing process by pressing the <strong>\u201cStop Resizing\u201d<\/strong> button and resume it at a later time from the same section. You will see one of two possible status messages as you monitor \u2013 <strong>OK<\/strong>, shown when the images are successfully resized and <strong>SKIPPED<\/strong> if the image doesn\u2019t require any resizing.[\/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=\"969\" height=\"700\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-Imsanity.jpg\" class=\"attachment-full size-full\" alt=\"Bulk Resize Imsanity\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-Imsanity.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-Imsanity-300x217.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-Imsanity-768x555.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/11\/Bulk-Resize-Imsanity-620x448.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Needless to say, you will have to wait until all images have been processed, which can take a while, depending on the number of images you have on the website. Once the process is done, you will see a status message stating that the resizing has been completed.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, we still advise <strong>reviewing your pages and posts<\/strong> afterward to verify that the resized images are displayed properly. Then you can decide if some images need to be resized further or reuploaded on a case-by-case basis.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Large, unoptimized images can pose a big hurdle for website speed optimization whenever they are used. Therefore, resizing them before they are uploaded to WordPress is preferable. Nevertheless, even if you or your contributors have uploaded unoptimized images, there is an easy way of resizing them using the Imsanity plugin, which we covered in this article.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As the plugin is quite simple to use, we are sure you will able to resize the large images on your website. And, as mentioned in the article, with proper website backup beforehand, you will ensure that no mishaps occur during this process. Finally, since the ability to resize large images in bulk is beneficial to most WordPress websites, we strongly suggest bookmarking this article for possible future uses.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Save time and effort with our step-by-step tutorial on how to bulk resize images in WordPress. <\/p>\n","protected":false},"author":11229,"featured_media":32283,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,4,13],"class_list":["post-32261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/32261","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\/11229"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=32261"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/32261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/32283"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=32261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=32261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=32261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}