{"id":201143,"date":"2021-09-24T04:34:27","date_gmt":"2021-09-24T04:34:27","guid":{"rendered":"https:\/\/wpmudev.com\/blog\/?p=201143"},"modified":"2023-12-18T22:31:45","modified_gmt":"2023-12-18T22:31:45","slug":"smush-compress-remove-original-images","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/smush-compress-remove-original-images\/","title":{"rendered":"How to Compress and Remove Original Images with Smush"},"content":{"rendered":"

Want greater control of your uploaded images? Smush<\/a> lets you compress and back up uploaded images, scale images to a desired threshold, disable scaling altogether, and more.<\/p>\n

With Smush, you can now override WordPress Core functionality in the plugin’s settings to compress and remove original images<\/strong>.<\/p>\n

We have tweaked the bulk smush engine and added several options that lets you choose how to manage this.<\/p>\n

Before getting into the nitty-gritty, let’s explain what \u201coriginals\u201d are (yeah, it can be confusing even for us).<\/p>\n

Originals and Scaling<\/h2>\n

When WP version 5.3 was introduced in October 2019, WordPress decided to change how they handled big images<\/a>.<\/p>\n

Basically, WordPress defined a threshold (2560px is the default) and all images that were bigger than that would be scaled down, leaving users with all the usual generated attachments, plus the scaled version, plus the actual big image that you uploaded.<\/p>\n

To quote the WordPress team:<\/p>\n

If an image height or width is above this threshold, it will be scaled down, with the threshold being used as max-height and max-width value. The scaled-down image will be used as the largest available size.<\/p><\/blockquote>\n

Note: <\/em>The scaling only works with JPEG images as the WP Core Team removed this functionality from PNG files<\/a> due to a number of issues.<\/p>\n

Use Cases<\/h2>\n

There are various reasons why you would want to compress your uploaded images or even go one step further and disable the default WordPress scaling functionality altogether.<\/p>\n

For example, you may have users that don\u2019t know that uploading 20MB images directly from their camera is not a good practice when it comes to using images with WordPress<\/a>.<\/p>\n

Or, images may be taking up a lot of space on your server and for various reasons, you can\u2019t do anything but try to compress these.<\/p>\n

The point is…you have your reasons and Smush allows you to choose how to handle images to better suit your workflow. :)<\/p>\n

How Does it Work?<\/h2>\n

Whether you have Smush free<\/a> or Smush Pro<\/a> installed, go to Bulk Smush > Settings and scroll down a little.<\/p>\n

You will find several new options:<\/p>\n

\"Bulk
Manage your uploaded images better with Smush’s image resizing and uploading image features.<\/figcaption><\/figure>\n

Resize uploaded images<\/strong> lets you change the default max image width and height threshold defined by WordPress (2560px) to other dimensions.<\/p>\n

Disable scaled images<\/strong> allows you to completely disable the scaling functionality, which means that WordPress won\u2019t create scaled versions of your uploaded images if they\u2019re larger than the threshold. Basically, this lets you go back to how WordPress managed large-sized images before v5.3.<\/p>\n

Enabling\u00a0Compress uploaded images<\/strong> allows you to smush those huge images that we talked about earlier. No more 20MB+ images taking up space in your server (unless you really want it to!).<\/p>\n

Smush also gives you the option to back up your uploaded images<\/strong>.<\/p>\n

If you want to\u00a0compress your scaled images<\/strong>, you\u2019ll see the threshold size you defined (for example, 2048\u00d72048) as another item under Bulk Smush > Image Sizes > Custom.<\/p>\n

\n
\n
\"Bulk
Compress your scaled images, including your defined image threshold size.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n

Under Tools > Bulk restore, you can restore your thumbnails<\/strong> as long as you enabled the option to back up your uploaded images.<\/p>\n

\"Smush
Regenerate your image thumbnails from your original uploaded images.<\/figcaption><\/figure>\n

Give this feature a spin and start managing your uploaded images better in WordPress. If you need additional information, check out our Smush plugin documentation<\/a> or contact our support team.<\/p>\n

[Editor’s note: This post was originally published in Sept 2021 and updated in Dec 2023 for accuracy.]<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Want greater control of your uploaded images? Smush lets you compress and back up uploaded images, scale images to a desired threshold, disable scaling altogether, and more. With Smush, you can now override WordPress Core functionality in the plugin’s settings to compress and remove original images. We have tweaked the bulk smush engine and added […]<\/p>\n","protected":false},"author":774618,"featured_media":220354,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"3","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263,11260,11259],"tags":[],"tutorials_categories":[11228],"class_list":["post-201143","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wpmu-dev-products","category-wpmudev-tutorials","tutorials_categories-smush-pro"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/201143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/774618"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=201143"}],"version-history":[{"count":12,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/201143\/revisions"}],"predecessor-version":[{"id":220153,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/201143\/revisions\/220153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/220354"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=201143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=201143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=201143"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=201143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}