Earlier one of my many contacts mentioned that he is developing a website. This contact has an image that he wants to include on his website however it is too big. He wanted an easy fast way to make it smaller.
I was going to write a complicated article explaining how I make images smaller. However I started this process, and thought, hey I better do some research to see if there is a better way to do it today.
Boy, I am glad I made that decision.
I opened up a private browser session and went to my search engine of choice: Google.
You might have heard of them, they are a big player in the online search engine world. 🙂
I used “online image resizer” as the search term. One of the top entries from my google search was for imageresize.org (NB: I have no association with this organization).
I just thought that it sounded like what I was searching for.
OK, then I needed an image to play with. I found an image of a lake that I could use in the public domain.
This is below.
Now to resize this
I then went to imageresize.org (NB: I have no association with this organization). I uploaded the image above to it.
I decided to do two things.
1) Reduce the size of the image by 25%. They also have other options available.
2) Use the jpeg image type. They also have other options available.
Using functionally within imageresize.org (I ignored their online ads) I achieved these two objectives.
The “new” image is below:
- Original File name: bluelake.png
- Original File type: image/png
- Original File size: 237 KB
- Original Dimensions: 751 × 431
- Resized File name: bluelake.jpeg
- Resized File type: image/jpeg
- Resized File size: 19 KB
- Resized Dimensions: 563 × 323
So, you can clearly see I achieved my two objectives. 🙂
1) Reduce the size of the image by 25%.
The width decreased from 751 px to 563 px.
The height decreased from 431 px to 323 px.
2) Use the jpeg image type. The file type is jpeg.
A really important performance benefit of this
You will also see that the file size decreased from 237 KB to 19 KB. The new size is just over 8% of the file size of the original file. So loading this image is going to be way faster. Happy Days. The search engines use how fast your content loads as one of the criteria they use to determine ranking.
My understanding is that if there are two web pages with the same score, the web page that loads faster is more likely to be included in the search engine results. This is an SEO benefit. It also helps user experience which may also be an additional SEO benefit.
If you are running a website it is important that your content loads on each of your visitors browsers as quickly as possible to help with their user experience when visiting your website.