HumCommerce

Best Image Optimization Techniques

A good image speaks more than words. It increases the popularity of your site if you display attractive images on your WordPress website. But a large image often tends to slow down a website. You need to optimize your images properly to get rid of this problem. Image optimization is an essential need to run a website successfully. In this article, we will tell you some easy techniques for image optimization in detail.  

What is image optimization? 

The word image optimization refers to the process of compressing the size of an image without affecting the quality to make it load easily. It is an easy technique to deliver high-quality images with the proper resolution, dimension and format. If images are in the desired shape and labelled properly, it helps the search engage spider to locate them easily.     

Why do you need to optimize the images?

The key purpose of the process is to increase the performance of a website. Usually, images take a long time to load and as a result, slows down the website. But a fast website is everybody’s preference. A slow website irritates users and they tend to switch to some other site. The digital world is highly competitive. You can not take any chance. If you optimize your images properly, it guarantees a blazing fast speed. The success of a website largely depends on its performance. So, in today’s world, image optimization is an essential need.    

Here are the key benefits of image optimization – 

  • Better visibility 
  • Improved user engagement 
  • Increase in traffic 
  • Good SEO position 
  • Increase in conversion rate  

What is the ideal size for images for SEO?

Though there is no hard and fast rule for resizing your images, it completely depends on your purpose and convenience, it is popularly believed that the ideal upper limit for an image to be uploaded on a website is 20MB. In most of the cases, you will find the images less than or up to 500 KB. The most preferable resolution is 1500 pixels or less than that. 

The table below will give you adequate information about the size of images that works well for SEO positions.

Source – Shutterstock 

Aspect
Ratio
Dimension –
inches 
Resolution pixelsSuitable for 
1:18×81080 x 1080 Social media and mobile screens
3:36×41080 x 720Print and photography 
4:38×61024 x 768Computer monitors and TVdisplays 
16:91920×1080  1280 x 720Presentation slides and widescreen TVs

How to identify images with high resolution?

Finding a high-resolution image is even easier than you think. You don’t need any additional tool for this. Simply go to Google search console and you will be able to find it with just seven easy steps. Here are the steps you need to follow – 

  1. Find an ideal image and copy the image URL 
  2. Go to Google Image Search and click on the title icon in the search bar. It will allow you to search by images. 
  3. A little box will appear. Enter the URL there and click on the “Search” button.
  4. Google will now show you other places where you can find that image. You will get to see the image sources here. 
  5. If you want some more options, hit the “More Sizes” link on the left sidebar.
  6. Now, you will find many different versions of the same image with different sizes and resolution. 
  7. Pick up the one you think will be the best for you.   

How to optimize images for web and performance? 

There are many different ways to optimize your images. The most common methods are resizing the images or compressing them and caching. There are many tools available to compress images. You can just google for an online image editing tool, find one and resize your images without much difficulty. All you need to do is to upload an image, select the size you need and hit the “save” button. The image will be resized within a few seconds. 

 Another easy way is to use a WordPress plugin for image optimization. It will relieve you from all your worries. You just need to install, activate and configure the plugin. It will automate the entire process of image optimisation. Here, we will share a few hand-picked plugins and online tools for your convenience. 

The most popular WordPress image optimization tools of the year 

1. Compressor 

Compressor

Compress is a powerful WordPress Addon for image compression. It reduces the size of images without making any compromise on the quality. It allows you to choose between two different options: lossy and lossless compression to get an ideal combination of image quality and file size. Lossy compression modifies the original pixel size. It strips unnecessary data from the image. The quality remains good. Here the compression rate is high. On the other hand, the lossless compression does not alter the original pixel size. It just compresses the images and removes unnecessary metadata. Both the options are equally useful. The plugin is SEO and lighthouse optimized. It is available in both free and premium versions.  

Features 

  • Drag & drop compression 
  • Preserve metadata
  • Fix photo orientation 
  • Add prefix or suffix to the file name 

Price – $50 

2. Image Compressor 

Image Compressor

Image Compressor is an advanced online tool for resizing your images. It helps you to compress your JPEG or PNG file to any size and dimension. There are four different levels of compression – normal. Good, high and extreme. You can choose any of them based on your needs. The most preferred level is good. Image Compressor creates a proper balance between image quality and compression. It delivers less pixelated images and guarantees a look of the images quite close to their original look. It uses the latest technologies recommended by Google and Mozilla for image optimization. This means there is hardly any quality loss.    

Features 

  • Compress image folder 
  • Multiple compression methods 
  • JPEG compression
  • PNG compression 

Price –  FREE

3. Toolur  

Toolur is a popular website for image editing. You get hundreds of tools here to resize, edit or compress your images. The GIF maker allows you to make GIFs from images or videos. The converter allows you to convert PNG to ICO.  The website also provides you with many other advanced tools like mp3 cutter, ringtone maker, password generator and word counter. You can access all of these tools on any device using any modern browsers. There is no need to go for any additional plugin. All the tools in Toolur are free.  

Features 

  • GIF maker 
  • Image conversion tools 
  • Image editing tools 
  • High security 

Price –  FREE 

Advanced image optimization tricks

Image optimization is crucial if you want to get a good SEO position. It increases your website’s performance and popularity. There are many things that you need to take into consideration while optimizing your website images. Here are a few major techniques followed by most of the people these days – 

Name your images properly 

How you label your image defines many things. You may use a generic name to the image file or give it a name specific to your products. The best way is to use a word that you think your target group might be using while searching for the product. It is also a good practice to use keywords as image file names. It helps search engines to locate the image. That in turn, gets you a good SEO position. 

Optimize the alt attributes 

Alt attributes are used as alternative texts for images. If an image fails to load, they provide necessary information to the viewers. Many times, viewers can not see the images because of various reasons like slow connection or some problem in the browser. In such a situation, they are the only way to communicate with customers.  They must be optimised properly. Use keywords and try to provide a suitable answer to the questions that your viewers may have about the product. 

Resize your images with proper product angles 

Image optimization nowadays has become synonymous with image compression. And for many people, image compression and image resizing are the same things though they are different. No matter whether you crop your image or compress the size, be careful about the angle from which the subject of the image has been shown. It should not get affected. The image should communicate the [product details clearly.  

Use right file type 

The most widely used image file formats are JPEG, PNG and GIF. JPEG is the most popular one. They can be compressed easily. The advantage of GIF is they support animation and  PNG support many more colours compared to the other two formats. Choose the format as per your needs. 

Optimize your thumbnails 

Thumbnail images are gaining popularity nowadays. Many eCommerce sites today use them on product pages. They catch the viewers attention easily and persuade them to buy the showcased products. But the problem with thumbnails is they may slow down the website. So, you must optimize the thumbnails. Use a small size of an image. It will not hamper the performance of your site.   

Conclusion

Image optimization is not at all difficult if you know the proper techniques. In this article, we have tried to share some easy techniques with you. Use the techniques as per your needs and move ahead. You will make your site SEO friendly within a few minutes.  

If you liked the article, never forget to share it on Twitter and Facebook. Leave your feedback on the comment section. We would love to hear from you. If you have any query, please feel free to reach out to us. We will get back to you soon.  Subscribe to our YouTube channel for our video tutorials. 

Shilpa Shah

Shilpa Shah is co-founder of Hummingbird Web Solutions. She was bitten by the travel bug early on and was lucky enough to have a job (in her earlier corporate avatar) that took her to various countries, meeting some truly wonderful people everywhere! She loves dancing in the rain, and trekking and camping in the wild.

Add comment

Sign up to get a free Checkout Optimization Checklist

Ecommerce Conversion Optimization Checklist