Are you curious about how to optimize images for web? You are in the right place.
Images helps to increase the SEO score of your blog post.
But do you know an unoptimized image can out rank your blog post from google?
Yes, you heard it right, when images of your blog are not optimized they can take a lot of time to load so, google out rank slow sites.
Image optimization is very important for ranking your blog post.
So, lets learn what is image optimization and how to optimize images for web performance.
What is Image Optimization
Image Optimization means decreasing the size of the image to the smallest size possible without decreasing the quality of the image. And using the target keywords as a name of the image instead of using any random name.
Most of the new bloggers use high quality images on their blogs or websites.
Using high quality images is not a bad idea, however the main problem is the huge size of the images.
So, optimizing the images to lowest size will make your page lighter and it will load more faster.
So, that is the reason image optimisation is used.
Why is Image Optimization Important?
According to a research page that loads within a time span of two seconds have an average bounce rate of 9%.
However, the pages that take five seconds to load have an average bounce rate of 38%.
This means you can lose 29% of your reader if your side is slow by 1% which is huge number.
This is the main reason why image optimization is important for your website.
For speed of a web page means more conversion.
Optimizing your images makes your web page lighter which will definitely increase the conversion too.
As there is very less competition in ranking the images on web.
So there is a possibility if you optimize your images they might rank on google images which will rank your post too.
A reader always likes to read articles that have images.
But, if your images take too much time to load then there is a chance that he could leave your site immediately.
Moreover, if the images of your website are not optimized google crawler can not crawl them.
Google will treat those images as if there is nothing at that place.
So, using your keyword as the name of your website will let google know about your image well.
Now, without wasting time let’s learn how to optimize images for web that have more chances to rank on google.
How to Optimize Images for web
Images are very important for the on-page SEO of your blog post.
Follow these steps to boost your on-page SEO and decrease the loading time of your website.
Choosing the right file format of image
Images have three main types of formats- JPEG, PNG, and GIF. choosing the right file format for your image is the best bet.
Let’s discuss all the formats one by one in detail.
JPEG or JPG Image format– JPEG or JPG files are very small file format of images.
This format provides a colorful image but the picture is compressed in this format.
You will not get a very premium quality picture but it is normally good for your blog post.
PNG Image format– PNG format of images are of high-quality images with the increase in quality the size of the PNG images is also high.
These images are also good for your blog but the biggest drawback of these images is a huge size.
It depends if you are using 10-20 images in your blog then you should never use PNG file formats.
GIF Image Format– GIF formats are used to show short animation images. It uses 256 colours with lossless compression.
You can also use this file format when you describe any tutorial as it works best in tutorials.
These are the three file formats that are more widely used. However, there are many formats of images but they are used very little.
You can see the comparison of all three file formats with a 15kb size picture.
If you are using a very colorful image you should choose the JPG format, as it is best for colorful images.
You can use PNG file format if you are using a simple image.
Compression of the image
To optimize your images, compression of images is very important. By Compressing you can reduce the images size 3 times the original image without affecting the quality of image.
There are various online tools available to compress the images. Some of them are compressor.io, TinyPNG, Imagerecycle, and compressJPEG.
Before uploading the images to your site you can use these online tools to compress the images.
In the image, shown above you can see the comparison of images before and after compressing.
The original one is 40kb and the compressed one is 18kb. There is no difference in the quality of the image.
The best thing about these tools is that they do not compromise the quality of your images.
Dimensions of the image
Reducing dimensions of the images is also very important when it comes to image optimization.
Reducing height and width of the image can reduce more that 70% of the image size without decreasing the quality of image.
There are many softwares available online to reduce the dimensions of the image some of them are Gimp, Irfanview, and perfect resize.
These softwares can be used to make small images bigger without affecting their quality.
Choose a simple Image name
When you download any picture from online websites, the image is named “hb1756.jpg”.
Most of the bloggers make this big mistake, they upload them directly to their website without changing the name.
Instead, you should rename the image on the related keyword that you are using for the article.
Let’s say you are writing an article on mobile phones.
So you can name the image as “best-mobile-phones.jpg” or any keyword that you are targeting.
Naming them according to your keyword will increase the on-page SEO of your website.
Moreover, these images become more SEO friendly which increases their chance to rank on google search.
If your target keyword is best for mobile phones avoid using the same keyword in all the images of your blog post.
This can result in keyword stuffing in your article. You can always use the related keyword to rename your images.
Use proper Alt tag in your images
Do you ever wonder how Google recognizes the images that you use on your blog post?
Google read your images using the alt tag that you provide on your images.
Many new bloggers make this mistake that they avoid using alt tags.
If you are not using the alt tag the google will not be able to read your images on your blog post.
Google will consider it as there is nothing in place of the image.
So you should always provide an alt tag to your images.
Now the main question that you might have in your mind: what should we use in alt tags?
You can use your keywords as you used when renaming the images.
For example:- you can use “best-mobile-phones.jpg”.
The most important don’t forget to use dashes in between the two words when writing an alt tag for your blog image.
There should not be any gap between the two words of the alt tag.
Some bloggers also use the alt tag as “bestmobilephone.jpg” but using dashes is the best practice.
Use Image Sitemap
Search engines use crawlers to read your images on your blog or website.
There are some images on your site which are not included in the source code of your website.
So creating a sitemap of your images is the best way to submit all your site’s images to google for crawling.
Now if you have just started your blogging journey creating a sitemap would sound complicated for you.
But it is very easy if you are using WordPress. you can also read our guide on how to create a sitemap in WordPress
After you submit a sitemap of your images to search engines, all the images of your site are crawled and are included in google search.
There are various methods to optimize images for web.
Using plugins could also be a good idea for image optimization but the manual way discussed above works best for every site.
Image optimization increases the ranking of your site on google.
A well-optimized image boosts the loading speed of your website and also helps in the on-page SEO of your website.
Follow these simple steps to optimize images on your site and you will definitely see positive results.
Hope this article was helpful for you. Please share it with your friends if you like it.