The images in any article give a live to that article. They say “a picture is worth a thousand words”. Images make your article more engaging, attractive and interactive. In general images are larger in size than plain text hence images increase load time and slow down your website or blog. So, you have to maintain a balance between beauty and speed of your website.
Our aim should be how to decrease the size of images, keep quality of the images in mind, we use in the articles, which is image optimization for web. Images are one the main reason for higher page load time. Optimization of images is one of the most important jobs for better performance of your website or blog.
You can do this job manually using Adobe Photoshop or any photo editing software that provide such facility or plugins. Optimizing each and every picture manually is a time consuming job. On the other hand, installing another plugin may affect the speed of the website. You can try both ways and choose the convenient one. Who are not comfortable with photo editing software can go for plugins. The best part of the plugins is you can optimize the images from the old posts in bulk. When you upload an image, plugins optimize the image automatically.
First of all, I’ll discuss the manual method using Adobe Photoshop. There are other tools also, for example, TinyPNG(free web app), JPEG Mini, ImageOptim(Mac utility), Trimage(Windows version of ImageOptim), GIMP,Fireworks(a product of Adobe) etc.
For our WordPress articles, the only two format of images matters, JPEG and PNG. JPEG is a compressed file format, so small in size and slightly reduces quality of the images. On the other hand, PNG is uncompressed image format, so it is a higher quality image, but large in size.
How To Optimize In Photoshop
1) Firstly check the size of the image
2) Open that image in photoshop
3) Go to File in menu bar
4) Click on Save for Web
5) Adjust the Quality ( low Quality value means smaller in size). I usually keep Quality value at 30 or below (Medium or Low).
6) Click on Save button
7) Check the size of the image now.
Fortunately, there are number of plugins available. If you don’t know how to use photo-editing tools then you can go for such plugins. 5 best image compression plugins are reSmush.it, EWWW Image Optimizer, Compress JPEG & PNG images, ShortPixel Image Optimizer and WP SmushIt.
I personally use reSmush.it because it is the best plugin among them. Firstly, install and activate the plugin. One item named “reSmush.it” gets added to “Media” under “Dashboard”.
Click on “reSmush.it”. It will show you how many non optimized pictures are there. You can optimize all pictures by clicking “Optimize all pictures” button.
It will take few moments based on number of non optimized pictures. On the right hand side, you can see the Settings of the plugin. You can change the value of Image Quality. Default value is 92. Keep all settings as it is as shown in the image below. You can see the statistics of the optimization after a run.
When you upload an image, reSmush.it will automatically optimize the image for you. There is also an option to disable reSmush.it too.
Please comment below if you have any doubt or query. Thank your reading the article.