How to Compress and Optimize Image on WordPress
RainaStudio
How to Compress and Optimize Image on WordPress Probably, you know that image compression and optimization is a key factor in keeping your site speed fast. If your Website pages are filled with large images they will take a really long time to load, and nobody likes a slow website. However, there are other optimizations you can do to improve the loading speed of your site like caching your site pages. Upgrading to a high-performance web host is also a quick and effective way to improve website loading times. But, here it’s about image compression and optimization on WordPress. So, in this article, I’ll be showing you the easiest way to compress and optimize the images of your WordPress Website using WP Smusit plugin. 2
Why It’s Important to Compress and Optimize Images When you have a WordPress website with a lot of images, then you should think about compression and optimization of the images to improve your site loading speed. Because having fast loading website has many benefits for both you as a website owner and your visitors. Websites with slow site speed not only degrade the user experience but also lead to reducing conversion rates and higher bounce rates. Which can also negatively affect the position of your website in the search engines results page. Anyway, if you’ve got the problem with post thumbnail image then read this article – how to regenerate custom image thumbnail on WordPress site. Hope, it’s clear now about the importance of image compression and optimization on a website. So, let’s do it on your WordPress site!
3
Enabling Image Compression and Optimization on WordPress Site There are a bunch of plugin options available that can help us to compress and optimize our images. But, here we’ll be focusing on the award-winning plugin Smush Image Compression and Optimization (WP Smush) by WPMU DEV. It’s a free image compression and optimization plugin for WordPress which ensures that any photos or images you upload to your website are as small as possible in terms of file size. That means web pages will load faster but without any reduction in image quality. As well as, it can also optimize all of the existing images on your site without you having to re-upload them (which is great). So, let’s move on to our goal!
4
WP Smush.it Installation and Setup It’s so easy, simply go the Plugin section of your WP Dashboard, hover it and click ‘Add New’ button. It’ll open the page for plugin installation.
Now, do a search for the plugin in the search bar, the first result should be our required plugin. Then, click the ‘Install’ button, in a moment it’ll be installed. Now, click the ‘Activate’ button to make it ready for work.
5
WP Smush.it Installation and Setup
Once, the activation is complete, simply hover the ‘Media’ button and there you can see our ‘WP Smush’ button, click on it. Then, a pop-up window will be opened instantly for Quick Setup (like the image below)
6
WP Smush.it Installation and Setup
7
WP Smush.it Installation and Setup However, you can skip ‘Quick Setup’ but we can finish some basic setup here. So, let’s do it. As you can see the ‘Automatic Image Smushing on upload’ option is already switched on by default. You should keep it on because when you upload images, WP Smush will automatically compress and optimize them. Next, you can see ‘Preserve my image EXIF data’. You don’t need to switch it on unless you’re a Photographer. And, the last option is ‘Resize my full-size images’. 8
WP Smush.it Installation and Setup
Where you can set a maximum height and width for all images uploaded to your site so that any unnecessarily large images are automatically resized before they are added to the media gallery. So, after getting done with quick setup, now click the big blue button that named ‘Get Started’.
9
WP Smush Dashboard After quick setup the WP Smush dashboard will be appeared, where you can see all the setting options to use for image compression and optimization of your WordPress site.
Here, the first option you can see ‘Bulk Smush’ which allows you to select bulk preloaded images from the library for smashing. The second option is stats, where you can check for any un-smushed images. 10
WP Smush Dashboard
11
WP Smush Dashboard Then, you can see the ‘Settings’ where Automatic Smush on and it should be. Here, you can choose the images size’s below that you would like to compress and optimize. Because every time you upload an image to your site, WordPress generates a resized version of that image for every default or custom image size that your theme has registered. Which means, there are multiple versions of your images in your library. Next options you can see are ‘EXIF Data’ and ‘Full-Size Images’ that we’ve already discussed above. So, keep scrolling to the next. 12
WP Smush Dashboard
Now, it’s ‘Directory Smush’, which allows you to compress and optimize not only your media uploads but also images in outside uploads directory. To do this, simply add any directory URLs you wish to smush and bulk smush away. 13
WP Smush Dashboard
14
WP Smush Dashboard So, it’s complete now while you’re starting with the free version of WP Smush. However, this plugin also offers a premium version with lots more advanced options like Super Smush, PNG to JPEG conversion, and more for image compression and optimization on WordPress sites.
15