- Category: Use Wordpress Plugins Guide
- Published: 07 July 2014
- Hits: 1838
Your site contains a set of photos. If you desire to apply a clear image in the article, which implies you hold to use images with big size and high quality. If you apply some software to reduce the image capacity, the picture will be obscured. It's really annoying for display your content.
WP Smush It's a WordPress Plugin that you can compress images to help you significantly reduce the file size of an image while the picture tone is virtually unchanged compared to the original picture. Today, we will learn compressing image by use WP Smush.
1. Firstly, access to the address: http://wordpress.org/plugins/wp-smushit/
2. Click the Download Version 188.8.131.52 button to download to your computer. Then you continue to install the plugin for websites.
3. Having successfully set up, you can get it in the Plugin menu by Media related to picture files and Media Library is a library of multimedia files that store images.
You can see WP Smush appear in the column Smush.it of Multimedia Library (Media> Library). If you have compressed picture, you will find out that the picture corresponds to Re-smush at the Smush.it column.
I. THE CASE 1: USED SMUSH TO COMPRESS AN IMAGE THAT WAS COMPRESSED ONCE BY OTHER SOFTWARE (PHOTOSHOP)
The picture below (picture have been trimmed down in size in Photoshop) but it isn’t compressed yet by WP Smush. Thus, the body politic of the picture is the “Not Processed” state. We will determine the image size before compression.
Click on the “Smush.it now!” link to complete the compression process used Smush.it.
As you can see, the column appeared Smush.it message "Reduced by 2.5% (1.8 KB)". It means, Smush inform you that the image has been reduced to 2.5%, corresponding to values fell 1.8 KB. After reduction, image capacity is: 74 KB-1,8 KB = 72,2 KB. Reduced 1,8KB… You can believe that this Plugin is not useful for compressing pictures.
However, you should recognize that the original image was compressed by Photoshop software previously. When Smush compressing this image, meaning that Smush compresses the picture which was compressed previously. Thus, reducing the file size is inconsiderable.
II. THE CASE 2: USED SMUSH TO COMPRESSS AN IMAGE THAT HAD NEVER BEEN COMPRESSED
Try uploading an image from a computer to multimedia library. The image capacity is 245KB, 668x408 image size. However, when I go to view detailed image in the Edit Media, the image capacity is only 227KB as shown above.
In the file manager of multimedia library, in column Smush.it message "Reduced by 7.8% (19.2 KB)", meaning that the image has been compressed by Smush while you haven’t used compressing manual as the case 1. So, what actually happened here?
It can be explicated that, Smush processing pictures depending on the time the pictures appeared. Specifically, if the picture is added to the library before the Smush plugin is installed on the website, Smush will let you compress each image manual as in case 1. If the picture is added to the library after the Smush plugin installed, shortly after the picture was added to a multimedia library, it will be automatically compressed by Smush as in the case 2.
III. THE CASE 3: COMPRESS MANY PICTURES BY SMUSH AT ONCE
You have many pictures that aren’t compressed yet by Smush. Will you compress manual each image? That will take more time. However, Smush provide features that maybe compress many photos at once, called "Bulk Smush.it".
- Step 1: You mark to select images that you want to compress.
- Step 2: Click the Bulk Action list, select "Bulk Smush.it".
- Step 3: Click Apply to start compressing the selected images in the Step 1.
After the batch image compression, the image size reduced from about 5% to 15% (in this case). Especially with 3 images in such capacity reduction of 5.3%, 9.0%, 12% as shown under.
Conclusion: Using WP Smush decrease image size ranging from 5 to 15%. However, there are also cases reduce the image size to over 20% and some cases reduce the image size less than 5%. It is quite a good result. Combined with the accelerated methods for your website brings improvements significantly to your website speed.