As we all know, beautiful pictures play a great role in keeping visitors staying on your pages and decrease the bounce rate. Eye-catching images with
As we all know, beautiful pictures play a great role in keeping visitors staying on your pages and decrease the bounce rate. Eye-catching images with high resolution will convince your readers to continue browsing and reading your content. Furthermore, it will increase the conversion rate of your website if you are a store owner or products reseller.
However, before that, you should ask yourself and be clear whether your website is fast enough. Speeding up the website is not only for your visitors but also for Google ranking. No one is patient when they are searching their results. They will close your website without any hesitation if it takes too long to load. And then, your Google ranking drop.
Related reading: How to test your website speed and performance.
More time is needed to load image files in large size. Therefore, Image optimization is the most straightforward and simplest method to decrease your website load time. However, it will be a great challenge to balance fast and fantastic. We need a reliable solution to reduce the image file size and simultaneously, maintain high resolution and quality.
Save your images properly before uploading to your website.
Some people used to tell me that they are confused to choose the proper format to upload their images. PNG or JPEG? Well, that will be a long story if I give a detailed explanation. All in all, in my opinion, JPG should be preferred. More compression, smaller file size, and acceptable image quality. Just remember it. We may discuss this topic later.
Let’s go on. Below, I will show you how to decrease the image file size to improve your website performance.
What you need:
- Adobe Photoshop CS5 (Both Windows version and Mac version are OK).
- Images ready to upload.
Step 1. Add one photo to Adobe Photoshop.
The tested picture is 1920 pixels width and 1067 pixels height. 213KB.
Step 2. Hit “File -> Export -> Save for Web(Legacy)” and open “Save for Web” dialog.
Step 3. Adjust image quality according to your need.
Step 4. Adjust image size for web browsing. If you only need an image with dimensions: 500 X 278, your compressed images should not be larger than that.
Step 5. Save. Before saving to your hard disk, you can check the estimated file size. In this test, the uploaded image has been compressed from more than 200kb to less than 40kb. More than 80% compression. How amazing!
In the end
Following this article, you will learn the most effective method to compress your images without quality loss. Save your images for web, use the most suitable images rather than the largest or best. Do not let large image files slow down your website speed. Keep going to faster your website. You will find a balance between fast and fantastic.
Questions, if I have more than 100 photos waiting for compression, or if I have no Adobe Photoshop, what should I do? Read the following articles: