Images help a lot in driving traffic to your blog or website.
Many bloggers put all efforts into writing the great content. It’s great but what’s about images?
A Picture is Worth a Thousand Words, and bad optimized images ruin your blog or website speed.
In this tutorial, I am sharing a easiest way to compress images for a website without losing the quality of images.
Why Image Compression Necessary?
As i said earlier,
Images are helpful to grab your visitor attention or breaking your long content using images. Post having Images shared more than the post which is not having an Images.
Biggest problem of using images is it’s increases page size.
Every time if you add images to your post, it’s download from your server to visitor device.
It’s increasing loading time, which frustrated visitor and in most cases, they simply close a page. It’s means losing visitor and lost your search ranking.
When you get advice from any blog expert, they told you to use images in the post to increase engagement.
But what they were not told to you?
If images are not optimized for slow down your blog or site speed.
Before starting a tutorial, let’s start by taking a look at the file types which are typically used for images.
PNG vs JPG
Graphic application allow you to export your images in many types. Most popular file formats is PNG and JPG.
PNG(Portable Network Graphics) offers lossless data compression. PNG used for images have a lot of text, illustrations, signs, logos, and icons, and any image you want to have transparency.
JPEG(Joint Photographic Experts Group) offers lossy data compression. JPEG or JPG used for high quality photos.
Check image size before uploading, many times PNG offers better compression as compared to JPG.
There is no limit on Image size, but for the most post, I am trying to keep it low in between 50KB to 100KB.
How to Compress Images?
This guide is written for beginner webmasters, but it’s also helpful for advanced users.
1. Make Duplicate Image
Create a one copy of image. If you make any mistake, you’ll always have original to go back.
2. Always resize your image
If you are not running photography website then always resize your image. If your image have 1280*720 resolution but your blog featured image have 700*390 then resized it 700*390.
It saves your bandwidth and makes your blog faster.
Use Icecream Image Resizer[for Windows Users] to resize your images. It’s very handy and easy to use tool.
It’s had many presets, but I prefer manual mode.
or Use Canva Photo Editor, its slightly diffrent then standard canva. Its help you to crop and resize the image.
3. Compress Image
You can compress your image with any software or online services.
How to Compress using Web?
For compressing I am using TinyPNG.
I use an above image original version to check the difference.
Check this image compressed by TinyPNG.
Both images look same but its reduced images up to 2/3.
How to Compress using Software?
For compressing I use PNGoo. check below image and compare with above two images.
if you notice some degradation in image quality, I used most compression level which gives me 10.8 KB image.
For JPEG image use RIOT. It’s a best JPEG compressor for Windows.
Using WordPress Plugins
After resizing and compressing your image through online or manually before uploading image to your blog install EWWW Image Optimizer.
It’s further optimized your WordPress image.
Always use image compression and resizing before uploading images to blog or websites. It reduces your bandwidth which directly impacts your hosting bills and search rankings.
Use CDN for delivering your images at blazing fast performance.
If you use any application which is different from above tools, tell me.
Have any question about this post, drop comments or feedback below.
If you found this article is helpful, Share with your friends and worlds.