Want greater control of your uploaded images? Smush lets you compress uploaded images, backup 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 several options that lets you choose how to manage this.
Before getting into the nitty-gritty, let’s explain what “originals” are (yeah, it can be confusing even for us).
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.
To quote the WordPress team:
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.
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.
For example, you may have users that don’t know that uploading 20MB images directly from their camera is not a good practice when it comes to using images with WordPress.
Or, images may be taking up a lot of space on your server and for various reasons, you can’t do anything but try to compress these.
The point is…you have your reasons and Smush allows you to choose how to handle images to better suit your workflow. :)
How Does it Work?
Whether you have Smush free or Smush Pro installed, go to Bulk Smush > Settings and scroll down a little.
You will find several new options:
Manage your uploaded images better with Smush’s image resizing and uploading image features.
Resize uploaded images lets you change the default max image width and height threshold defined by WordPress (2560px) to other dimensions.
Disable scaled images allows you to completely disable the scaling functionality, which means that WordPress won’t create scaled versions of your uploaded images if they’re larger than the threshold. Basically, this lets you go back to how WordPress managed large-sized images before v5.3.
Enabling Compress uploaded images 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!).
Smush also gives you the option to back up your uploaded images.
If you want to compress your scaled images, you’ll see the threshold size you defined (for example, 2048×2048) as another item under Bulk Smush > Image Sizes > Custom.
Compress your scaled images, including your defined image threshold size.
Under Tools > Bulk restore, you can restore your thumbnails as long as you enabled the option to back up your uploaded images.
Regenerate your image thumbnails from your original uploaded images.
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 or contact our support team.
With The Hub, you can give unlimited users multiple roles on any WordPress site you manage — even if they aren’t WPMU DEV members! Learn how to easily set all this up in minutes and give team members and clients as much or as little access as you’d like.
Plus, With The Hub Client, you can create your own fully branded Hub for your team members, clients, and collaborators … all in just a few clicks!
Oh, and did we mention it’s all free for your users and you’re able to be set up in minutes?
This post’s features are accomplished from the Team tab in The Hub dashboard, except for The Hub Client, accessed by the Hub Client Plugin (which we’ll show you how to activate).
1. Set Up Team Members
The Hub allows you to collaborate with other users by assigning them roles and granting them access to specific areas of your WordPress site(s).
Creating new users in The Hub is the easiest way to allow access to users, all from one place.
From The Hub, click on Team…
Click on Team to get started.
Before inviting people to join your team, make sure that your details are correct, as these will appear on the invitation emails that your new team members will receive and your client portal.
To check, click on the Settings tab. If you haven’t already set this up, enter your name, upload your logo, and click Save to update your settings.
Add your name and logo before inviting team members.
Once this initial step is done, go to Team Members and click the Add First Team Member button to get started.
Click the button to add your first team member.
This brings up the Invite new member form, where you’ll be able to fill in the following details:
Enter their email address and name.
Select all the sites listed on your Hub that you want to give your new user access to. These settings can be changed at any time.
Scroll to select a site or use the dropdown menu and quick-search feature
Select a user role (View & Edit, View Only, or a Custom role). This can also be changed at any time.
Add notes about the user (optional).
Select an add-on service for the user (e.g. access to Support). This is optional too.
After filling in the details, click on Invite.
Fill in the details and click on Invite to add your new team.
This will send out a confirmation email to the new user.
Your new team members will receive an email invitation to join your team.
Once the user gets the email and hits Confirm, they will be redirected to WPMU DEV to set up a free account with their email, name, and password.
Your new team members only need to complete this simple setup and click Join to have access to sites.
New team members don’t need to be members of WPMU DEV, and there’s no cost involved.
When they click Join, they will be added to your Team Hub account, where they will only have access to the sites and roles granted by the admin.
New team members can only access what they have been given roles and permissions to do by the WPMU DEV member.
As the WPMU DEV member and Hub administrator, you can see the new user in the Team Members area.
If the user hasn’t confirmed yet, their account will show as Pending.
This member hasn’t confirmed yet.
Once the member accepts the invite and creates their free account, their status will become active.
This team member is now active.
From the Team Members section, you can quickly and easily add as many users as you need by clicking on the New Team Member button and view the names, emails, roles, addons, and sites that your team members have access to, as well as managing and removing them from your account.
2. Set Up User Roles
Roles give your team members’ access capabilities to one or more sites in your Hub.
With almost two dozen configurable modules, The Hub allows you to provide your team members with access to all areas of your site(s) and/or customize roles to access only specific areas and module settings.
Use Custom roles to configure access to different Hub modules of your site(s) for team members.
When you create a new team member profile (see previous step), you can set the following roles:
View and Edit – All: Team members can view and edit the settings in this area. Note: This is a system role and cannot be modified (only custom roles can be modified).
View Only – All: Team members can view the data and settings in this area but cannot modify them. This limitation only applies to the area associated with the current toggle. This is another system role that cannot be modified.
Custom: Team members have access to an area but are limited to certain tasks or actions within that area.
To create a custom role, click on the Roles tab and then click on + Create New Role.
Let’s create a new custom role.
You can give the new role a unique name and customize it by configuring any of the available permissions and settings however you like.
Let’s take a closer look at how to customize a role.
3. Add User Customization Settings
Customizing access for a role can be determined by clicking on all the available options (e.g. sites, security settings, SEO, etc). Also, choose to have View & Edit or View Only for sites.
Create a custom role by enabling or hiding various Hub modules.
The Custom option lets you configure specific module settings and provides detailed task descriptions about each option.
For example, if you give a team member custom access to the Plugins module, you can allow them to View & Edit all settings in that module, View only, or select which settings you’d like them to have the capability to manage by clicking Custom.
Custom roles give you further options to configure enabled modules.
If you select Custom, a new screen will open giving you further customization options for the module.
You can create a custom role that allows team members to activate or uninstall plugins, and more.
After specifying the options and settings your team members can access for all of the various available modules, click Save to update your custom role settings.
Team members assigned that specific custom role will now see only the modules, options, and settings made available for that role. Everything else will be hidden from view.
You can view all the roles you have assigned to team members under the Role column in the Team Members screen.
The Team Members screen lists all the members you have added to your team and their assigned roles.
To customize which sites team members have access to or to change their roles, simply click on the team member, edit their settings, and resave.
Easily reassign the user roles and sites your team members can access.
Click on the Sites tab to quickly and easily view which team members have access to specific sites being managed in The Hub.
The Users column displays how many team members are assigned to each site.
See how many team members can access each site in the Users column.
Clicking the number in the Users column displays the team members assigned to that site.
View active and pending members assigned to a specific site by clicking on the number of users.
Click on the plus sign by the site’s name to add or remove a user from that site.
Click the plus site to add or remove user access for specific team members.
You can check who has access and whether they’re active or not, uncheck the user to remove their access from the site, invite a new user, or resend an invitation to a pending user.
Click on the checkmark to remove a team member’s access to the site.
Now that we have looked at the basics of setting up new team members, let’s look at how to personalize the area your team members will access information from to collaborate and help you manage your sites.
5. Set Up The Hub Client (THC)
White label your Hub with The Hub Client plugin.
With The Hub Client, you can provide access to clients, collaborators, and users using your personalized white label Hub. It’s your own Hub, the way you and your organization want it, customized to your perfection.
Install The Hub Client via the WPMU DEV Dashboard plugin.
After installing and activating The Hub Client, the next step is to Configure it.
In your WordPress dashboard, click The Hub Client > Client Portal to access the main screen of the plugin.
Let’s configure The Hub Client…
Change the brand name in the Site profile section to replace WPMU DEV on your client portal with your business name and logo.
Brand The Hub Client with your name and logo.
You can change the colors for the Navigation background, Navigation color, and Hover and active color in the Colors area. Do this by visually picking the colors or using hex codes (e.g. #FFFFFF for white).
Pick and choose colors to match your brand.
Next, head over to the Navigation tab to customize your client portal’s navigation menu.
To display links in your portal’s navigation bar, create a custom menu in Appearance > Menus, and then click Add and select the custom menu you’ve created.
Add a navigation menu to your client portal.
In addition to setting up the navigation menu for your portal’s users, you can select a page to be replaced with your client hub and specify a custom URL to be used for the back button on your login page.
The Hub Client creates a default page for your client hub (i.e. yourdomain.tld/hub) but you can select any of your site’s existing pages from the Client Page dropdown menu to replace your client hub instead.
Select where your team members and clients will log in to access site details.
After customizing these settings, users will be greeted with your branded login page.
Your branded client portal login page.
Remember to finish setting up your client portal by clicking on the other tabs and configuring their options.
Go to the Login & Signup tab and select your Terms of Service and Privacy Policy pages. You will need to create these pages first before they can appear in the dropdown menu selector.
Add your Terms of Service and Privacy Policy pages in the Login & Signup section.
Next, click the Client Support tab to add a Help button and offer live chat support to logged in users.
Set up links to your support resources in the Client Support screen.
The Client Hub lets you offer live chat support to users via integrated widgets from various solution providers (Livechat, tawk.to, and HubSpot).
Offer live chat support to users with live chat integration.
You can also set the default language for your client portal pages and widgets added to your site via the Translations area.
Set up your client portal using a different language via the Translations section.
Congratulations! Your team members and clients can now log in and use your very own customized Hub.
Now that we have looked at how to add new team members and assign them specific roles, let’s take a look at how to do the same for clients.
6. Set Up Client Roles
The Hub Client plugin allows you to create a customized Hub for your team members and a portal where your clients can log in and access information about their sites.
As we have seen, adding team members and assigning them roles is done via The Hub’s Team section.
Configuring roles for clients, on the other hand, is done via The Hub’s Clients & Billing module.
Use The Hub’s Clients & Billing section to configure client roles.
In the Clients & Billing section, click on the Clients tab and select Clients to add new clients and view details of your existing clients.
View details of existing clients and add new clients in The Hub’s Clients & Billing section.
To manually add new clients and assign them a specific role, click on the + New Client button.
Add new clients and assign them roles.
Note that if you have installed multiple Client Hubs on various sites, you will need to specify the primary Hub to send out communications to clients (e.g. emails, invoices, etc.).
All communication with clients are sent from the selected primary Hub.
The Hub’s Clients & Billing comes with preset system roles that you cannot edit. You can, however, create new custom roles and assign these to clients.
View existing client roles and create new roles via the Clients & Billing Roles section.
To create a new custom role, click on the +Create New Role button, name it, and use the toggles and menus to configure the role’s permission settings.
Set up custom roles for clients.
For more details on configuring client roles, see our documentation.
There is No Sub for The Hub
You can add an unlimited amount of team members, clients, and collaborators and give them precise access to specific sites, modules, and support. All without leaving The Hub.
And with Reseller’s automated site creation & client billing, your white label Hub becomes your very own SaaS business, automatically adding new clients and assigning them roles and permissions!
There’s just no other substitute out there for an all-in-one platform when it comes to managing all your WordPress sites.
To keep tabs on what’s coming, be sure to follow our Roadmap. And for all Hub-related information, check out The Hub’s documentation and stay tuned to our blog.
Editor’s Note: This post has been updated for accuracy and relevancy. [Originally Published: September 2020 / Revised: March 2024]
Using full-sized images on your WordPress site not only takes up storage space but slows down your site, too. Instead of wasting time and effort compressing them manually, see how Smush can help you do it in bulk.
Smush is an award-winning image optimization plugin that focuses on compressing and resizing your images. It saves storage space and takes some of the load away from your server, which can speed up your site.
When you activate Smush, it automatically combs through your site and takes note of any images that can be compressed.
Smush then displays the number of images in need of attention on its main screen.
This is just one of the methods you can use to smush your images.
Before hitting the Bulk Smush button, it’s worth checking out Smush’s other image compression features.
Let’s go through each of these options.
2. Exclude Selected Image Sizes
First, you can exclude images of certain sizes from being compressed by simply unticking the checkboxes shown below:
If you’re happy for Smush to compress all of your images, you can select ‘All’.
WordPress creates multiple copies of an image. If you run a site that requires your images to be crystal clear, you may not want your larger images to be compressed, however, you can still compress the smaller image versions using these settings.
3. Super-Smush For 2x More Compression (or Ultra-Smush for 5x)
If site speed and storage space are at the forefront of your priorities when it comes to your website, you can take image optimization a step further with Super-Smush.
Choose Super Smush for better performance and load speed without compromising image quality.
Super-Smush works by stripping out as much of your image data as possible without sacrificing quality, reducing the file size by up to twice as much as regular smush.
For even more compression and savings (up to 5x more) with minimal image quality loss, choose the Ultra Smush setting.
Ultra Smush your images for 5x compression.
You can tweak Smush’s settings to ensure it saves a copy of your original images, however, if you’re not quite ready to Super-Smush or Ultra-Smush, there are a couple of other ways to trim off a few extra KBs.
4. Remove Image Metadata
Smush lets you strip unnecessary metadata from your images.
The information that Smush strips serves no purpose on most sites.
With this setting enabled, all of the unnecessary data stored within your images will be removed while preserving the data needed for SEO.
Whilst a lot of the EXIF data stored within a photo is harmless, other details such as the location it was taken and the camera details are better off removed. The location could lead people to where you took the photo (your house perhaps) and if the serial number of the camera is included, it could be used to trace other photos online taken with the same camera and result in an invasion of privacy.
These scenarios may be unlikely, however since all the extra data is clogging up your site anyway, it makes perfect sense to remove it. Luckily, Smush does it for you automatically once you enable this setting.
5. Choose JPEGs Over PNGs
Another way to potentially reduce your file sizes is by converting your PNG images to JPEGs.
If a saving won’t be made, Smush will leave your images as PNGs.
If you’re unsure whether you should enable this setting, a good general rule of thumb is that you should convert photographs to JPEG as there is no noticeable loss in quality. You can achieve a file size of less than 10% of the original if you compress as a JPEG compared to PNG.
If you have graphics, screenshots, or images that contain text, it’s better to leave them as PNGs to ensure they stay crystal clear as JPEGs tend to add a little bit of noise/grain around the text
6. How Smush Handles Original Images
As of WordPress 5.3, large images are automatically resized down to the new maximum image size of 2560px in width/height. WordPress then refers to these resized images as “new originals”.
If you want to upload a photo larger than this, Smush can help you override this setting.
You can select your own new maximum width and height for images.
With this setting enabled, Smush automatically creates a new size for super-large images and reduces these to your new custom sizes, rather than WordPress resizing them to its default maximum size of 2560px.
If you resize your images manually prior to adding them to WordPress then you may not need to enable this setting, however, it saves a lot of time and works if you have many large images you need to display on your site.
Now that you’ve decided how large your original images will be, it’s time to decide what to do with them.
By default, Smush doesn’t compress your original images during a Bulk Smush, it only compresses the thumbnail images that WordPress produces.
Since your original images are what takes up the majority of your storage space, it makes sense to ensure these are smushed too.
Use the top toggle to ensure your full-sized images are smushed.
If you’re smushing all of your original images, you might want to have a backup in case you decide to revert back to the pre-smushed version.
If you upload an image higher than the maximum size your site will support (either WordPress’ maximum or a custom maximum you create with Smush) WordPress stores your image as the original and then creates the new max-sized image to display on your site.
If an image you upload is smaller than the maximum allowed, WordPress will not store this as a separate original – this version will be compressed directly by Smush.
Whilst Smush guarantees no loss in quality when compressing your images, we understand that some people will want a backup, which is why the ‘Store a copy of my small originals’ feature exists.
Enable this to store a copy of your original images in wp-content/uploads.
7. Bulk Smush Images
Compressing your images will free up some of your site’s storage space as well as reduce the time it takes to load onto your visitors’ screens. Now that you’ve worked your way through the different settings, it’s time to compress with Bulk Smush.
When you hit the blue button, Smush will compress the images that it identified upon activation.
Make sure you keep the tab open until Smush has finished compressing all the images.
Once the process has finished, Smush will keep an eye out for new images added to your site that are in need of compression.
When your image total on Smush’s main screen starts to creep up again, all you need to do is hit the Bulk Smush button and all your images will be compressed. It’s much quicker and easier than doing it manually outside of WordPress.
If you’re happy with your first Bulk Smush, you may want to consider enabling Automatic Compression.
You can easily enable or disable this feature using the toggle shown above.
With Automatic Compression enabled, Smush will compress your images as soon as you upload them, which means that you will never need to use Bulk Smush again.
Image Optimization at the Touch of a Button
Compressing your images with Bulk Smush is just the start.
Having well-optimized images on your site means that there’s less pressure on the server when it’s dealing with browser requests. This is also one of the ways that Smush can help you increase your Google PageSpeed score.
Optimizing your images manually would involve a lot of resizing, a fair bit of coding, and heaps of time. Luckily, Smush does all the hard work for you and plenty more besides, all of which you will find covered in this guide to help you get the most out of the plugin.
For example, while Smush may be best-known for compressing images (without losing quality), it can also help defer your offscreen images with its lazy-load feature, convert your images to next-gen formats (WebP), and serve your images from our super-fast CDN available with Smush Pro.
Luckily, you don’t need to dedicate much time or effort to your images when you have Smush installed. Most features can be activated with one click.
Whether you’re a new user or just hoping to uncover some cool features you might have missed, this guide will help you get the most out of this plugin.
So without further ado, here’s how to get the most out of Smush:
1. Smush All Your Images in Bulk
When you first install Smush, chances are you’ll have a backlog of images that need your attention.
The Bulk Smush feature scans your site for any images that would benefit from being compressed.
Each time you add new images, Smush will add them to this total.
All you have to do is click the button – Smush does all the hard work for you and lets you know when the job is complete.
If you have a lot of images to optimize, you’re also free to leave the plugin completely and come back to it, Smush will continue to compress your images in the background and you’ll be notified once the process is complete.
But rest assured, no matter how many images you have to optimize, thanks to built-in features like parallel image processing, which gives you 8x the normal processing speed, your images are in the best and fastest hands.
Much faster than compressing them yourself.
You can exclude certain image sizes from Bulk Smush if required. However, as Smush compresses without sacrificing quality, it may be beneficial to smush them all.
Remove the ticks from the images sizes you want to exclude from being compressed.
One other feature worth noting is that when you click the Re-Check Images button, Smush performs an automatic scan of your Media Library to check if new images have been added since the last bulk smush.
Smush automatically scans your media library when you recheck images.
2. Automatically Compress New Uploads
Once you have used the Bulk Smush feature to catch up on your backlog of image compressing, you will seldom need to use it again.
This is because of the handy Automatic Compression feature. If you enable this, Smush will compress images as soon as you upload them to your site.
Smush also has a generous maximum file size limit of 256MB per image, so if you have any gigantic images to be uploaded, they’ll automatically be compressed and optimized for you too.
The days of routine image pruning can easily be a thing of your past.
3. Super Or Ultra-Smush For More Compression
If your main focus is on your site’s speed, you may want to take image compression a step further.
Super-Smush offers twice the compression of regular smushing by stripping out every bit of unneeded data, without reducing the quality of your images.
Take your image compression power to the next level.
Or, if you want to really amp up your compression powers, try the Ultra-Smush option for an impressive 5x compression on top of the already amazing Super-Smush. Ultra is only available with Smush Pro, but completely worth the upgrade if having the fastest possible sites is a priority for you.
If you don’t want to take it as far as Super or Ultra-Smush, you can instead strip the unnecessary metadata from your images, leaving only what is needed for SEO purposes. Photos often store camera settings in the file such as focal length, date, time and location – removing this will reduce your file size.
If you’re a photographer, you might want to keep this information, but it serves little purpose on most sites so is generally safe to remove.
4. Display Your Full Size Images
If you upload an image that is larger than 2560px in either width or height, WordPress will automatically scale it down to generate a ‘web-optimized’ maximum image size.
If you are purposefully adding larger images and want to override this, you can use the image resizing option.
You can set your own new maximum image size.
Bear in mind that your theme may also have its own maximum image size – you will need to check this before enabling this feature.
Want to disable automatic resizing of images altogether? You can enable Disable scaled images. This means scaled versions of images will not be generated, and only your original uploaded images will be kept.
If you are uploading full-sized images, you can also choose whether or not these will be included in Bulk Smush.
Another couple of simple one-click features.
Make sure you enable the Backup original images selection if you want to store a copy of all your full-size images, in case you ever wanted to return them to their pre-smushed forms.
There are some circumstances where one of these two file types is more suitable than the other. However, if your main concerns for your site are memory usage and speed, then using JPEGs instead of PNGs should be beneficial.
If you upload your images as PNGs, Smush can check to see whether converting them to JPEGs will reduce the file size.
The files will remain as PNGs if there is no reduction in the file size.
You can, of course, make the same conversion outside of WordPress. However, using Smush removes the hassle and converts all your files in one swoop.
6. Smush From the Media Library
If you would prefer to select individual images for compression, look no further than your own media library.
Here, you will find a new column labelled ‘Smush’.
You can compress your images one-by-one.
If you have auto-compression turned off, any photos which you upload should be ready to smush from within your media library.
You can smush your images individually, or alternatively single out images to be ignored from bulk smushing.
7. Optimize Directory Images
While your uploads folder is typically the main folder where images are found, they may also reside elsewhere in your directory.
For example, plugins that create their own image copies may store those images in the plugins folder.
In cases like this, the Directory Smush feature helps you easily identify and compress images stored outside the uploads folder.
Find and optimize images stored outside of the typical uploads folder.
Simply choose which directories and subdirectories you want to scan, and Smush will optimize and compress all of the images in bulk, it’s that easy.
Optimize selected directories and subdirectories with a click.
8. Lazy Load Your Images For a Boost of Speed
If you have pages with a lot of images, displaying them all at once can put a lot of pressure on the server.
Deferring your off-screen images is a good way to allow the server to concentrate on loading the elements of your site above the fold so that your visitor can get stuck straight in.
It takes one click to deactivate if you find it’s not right for your site.
If there are certain types of images or certain output locations you wish to exclude from lazy loading, you can easily add them here.
Remove the ticks from any of the options that you don’t wish to include.
You can also exclude certain various post types, specific URLs, and CSS classes and IDs.
Basically, if you want to enable lazy loading, you can fine-tune exactly how and where it is enabled.
Once you have chosen which images will lazy load, you can then decide how you want the pre-loading images to appear.
If you don’t want any form of animation, simply select ‘None’.
9. Utilize Smush’s CDN
The closer you are to the server that is providing your content, the faster it will load. A CDN (Content Delivery Network) is a series of servers which are spread around the globe, and when a browser makes the HTTP request, the content is served from the closest server to its location.
Smush Pro boasts a 121-point CDN, with a few extra tricks up its sleeve. It can automatically resize your images as well as convert them to Google’s own next-gen format, WebP.
Check out the video below to learn more about our CDN.
If all you want is for your images to be served from the CDN, you do not need to delve any further into these.
However, there are a few useful tools that can be of benefit to your site, so they are worth checking out.
You can activate and configure the Smush Pro Image CDN right from your dashboard.
Once you have activated the CDN, you will see more options within Smush.
This will store and serve copies of all your JPG, PNG, and Gif images from the Smush edge servers – drastically improving speed.
Don’t Leave Your Background Images Out
As standard, only images used on your posts and pages will be served through the CDN.
If you want your background image to be served from the same speedy CDN as the rest of your images, Smush has you covered.
Your background images will reach your visitor quicker if served through our CDN.
You will need to ensure that your background images are properly declared with CSS in your theme’s files.
10. Serve the Correct Image Sizes
Ideally, you should never serve an image larger than what will be displayed on the user’s screen. Using original or full-size images when a smaller image will do makes your pages take longer to load while your browser waits for the images to render.
Smush’s CDN houses a handy feature to resize your image to fit the container, without needing to touch a line of code.
As the resizing is done from the CDN, your original images will remain full size.
11. Convert Your Images to Next-Gen Formats
JPEG 2000, JPEG XR, and WebP are modern image formats with superior compression capabilities. This means they produce much smaller image files so you can greatly improve your page speed.
Images served in the WebP format can benefit from more than 25% compression, and when you think about the number of images on your site, that’s a tonne of space that can be saved.
Smush Pro gives you two options for converting your images to next-gen formats.
1.Convert images with Smush Local WebP
The Local WebP feature in Smush Pro enables you to serve images from your Media Library in next-gen WebP format, without needing the Smush CDN.
Serve images in next-gen formats without the need for Smush’s CDN.
The conversion to WebP is lossy when converting from JPEG images, and lossless when converting from PNG images.
Note that once you have configured this feature, you will need to run a Bulk Smush again for your existing images to get a WebP version created for each one.
Local WebP also only works for images in your Media Library and cannot create WebP versions of images found in other directories.
2.Convert images with Smush CDN
Smush’s CDN offers the option to convert your images to WebP in just one click.
All the legwork is taken care of by Smush.
Not all browsers support next-gen formats, which is something you would usually have to bear in mind when deciding to make the switch.
However, if you enable the WebP Conversion feature, Smush will automatically check whether or not a browser supports this format, and if not, will serve it in the original one. This ensures that none of your visitors are compromised.
12. Save Time With Automatic Smush Configs
If you manage multiple sites, this feature will save you hours of time by allowing you to apply your preferred Smush settings to any site with a click.
All you have to do is follow the already mentioned steps in this article and set Smush up exactly how you want it.
Then navigate to Settings > Configs and simply hit ‘Save Config’ to save your current settings as a new config, which you can apply to other sites instantly.
Set up Smush with your ideal settings and apply to other sites with a click.
You can also choose from a number of default configs and you can integrate with The Hub site management tool to easily apply your configs to multiple sites at once.
13. Integrate With Popular WordPress Tools
Smush plays nicely with and enhances your favorite WordPress tools.
Smush is fully compatible with your favorite WordPress tools and has direct in-plugin integrations with Gutenberg, Amazon S3, Gravity Forms, WPBakery builder, and NextGen Gallery.
Like most Smush features, all of these integrations can be activated with a click and allow for more specialized and targeted image optimization for the tool you’re integrating with.
Support at Your Fingertips
Now you know the ins and outs of this little plugin, it’s time to get stuck in and see how your site can benefit.
Smush is a very user-friendly plugin, so you should have no trouble managing your images.
If, however, you find yourself in need of some friendly advice, members should look no further than our awesome support team who are available 24/7.
And when you’re ready to take your image optimization to the next level, give Smush Pro a try and automatically unlock advanced features like our 121-point CDN, 5x Ultra Smush – plus – free access to the entire WPMU DEV suite of plugins and site management tools.
You can also check out the plugin documentation and view new updates and features coming soon in our roadmap.
