So, what makes the best image for your website?
Yes, it should be light in weight in terms of size of the image and should look good as a stock photo of your article or if you are using it inside post then also it should look good as well as it should be light in weight.
So, In this article, I am going to explain that how you can get an Optimal image size for the web to improve the SEO performance of your blog or website. Do you know that size of the images you are using on your blog affects the SEO performance of your blog? Yes, it can but how?
How Image size affects SEO performance?
For instance, If you are using a stock photo of your image whose size is 500KB then it will take more time as well as more data to get loaded. Google likes fast sites and if you will use images whose size is more then it will decrease the speed of your blog and Google as well as your regular reader is not going to like it.
Instead of that, if you will use an image that is less than 100KB then the experience of Google, as well as your regular reader, will improve and Google is going to like that because your site is loading faster. So, In this way, you can improve the SEO performance of your blog as well as your user’s experience.
Yes, Now you know that Optimal image size will optimize your site for search engines. For that, you also have to make sure that you know the right method to decrease the size of the image without losing its quality. So, now let me show you that how you can optimize the size of any image practically.
For instance, I have one article related to WordPress which’s why I have to find a similar image from Google if I want it for free otherwise I have to purchase it. Currently, I am going to get it for free from Google. This image is copyright free and you too can get copyright-free images from Google by following below given steps,
- Go to Google image search and search for your keyword. In this case, it's WordPress.
- Now, click on search tools.
- Now, From that horizontal menu, click on Usage rights and select labeled for reuse.
- According to your use, You can select from that 4 options. Now, Select any image as per your need and download it. In this case, I have downloaded the below-given image,
The size of this image is 84.6KBs and the resolution of this image is 640×413 but I only need 75% of the total resolution. Now, I will right-click on the image and will click on edit. Now the image can be edited in paint and from paint we can resize the image.
After resizing the image, the New size is 64.3 KB and the resolution of the image is 480×310. Now it is perfect for my blog as well as the extra size of this image is trimmed. It is looking fine as well as it's only 64.3KB but then also we can decrease it further for better performance.
There is one tool named compressor.io by which you can further decrease the size of the image without losing the quality of the image. I am going to do the same and I did it! Now the size of the image is only 34.8KB.!
The quality of the image is the same! you can see and also compare the above-given image as well as below given image.
You can see the quality of this image is the same as the image given at first when I found it! The only difference is the first image was having a size of 84.6KB but now it is only 34.8KB. There is a clear difference of 50KB which is really very high.
Further, when I will upload images on my blog I will get more compression as my WordPress blog has smush.it plugin installed! It will compress this 34KB image to 30KB only. For this image, only this much compression was needed as now it's lighter as well as fit for my blog with high quality, and by this technique, you can decrease the size of the image without losing quality.
For this plugin only this much work was needed which hardly took my 5 minutes but if you got the image that is of multi-hundred KB then here are some tips to get optimal image size for the web.
Only keep required dimensions
If your blog is showing any image with a maximum dimension of 600Pixels*400Pixels then also if you are using an image whose dimensions is 1024*768 or any bigger than required, then decrease the size to required only by using paint or by using some online tools.
Always Use Compressor.io
Now you came to know the real power of compressor.io as it decreases the size of the image by more than 40%-50% without losing quality at all! I always use it to decrease my image’s size by many times without losing quality.
If an image is still bigger then use compressnow.com
By using the above given 2 tips, Still, image is bigger than 20-40 or 50 KB then you have to use compressnow.com and I personally recommend that because of its power to decrease the size of the image. Yes, in this case, image quality can be affected a bit but then also this is a great tool!
Use Smush.it plugin if you are using WordPress
Do you know about smush?it plugin? If you know that it is ok but if you don’t know about it and using WordPress then it is the plugin that will compress your images whenever you upload them on your WordPress blog. Whenever you will upload any photo, it will automatically compress it.
It's your time :
It is very much important to get Optimal image size for the web to improve your SEO performance. These tips are the best to do that and by using this, you can optimize any image for your website. So, If you have any questions related to this then you can comment it down as we are surely going to answer it as well as share this with your friends too.
