How to Optimize Images for Your Website

blog / How to Optimize Images for Your Website

“Running an online store requires one to master the art of image optimization accurately. Image optimization is important as it ensures customers are attracted to your site and reduces our website load time, among several other reasons.

  • Have you ever been in a situation where you are questioning?
  • Why don’t my google pictures appear when I search?
  • Are Alt Tags important?
  • Which picture format should use between JPEG, GIF, and PNG?

This article will try to explain what optimization tips could be used for pictures in the best way possible.


Label Images well and in plain Preferred Language

It may be easy to store pictures in the default name from one’s camera. However, in SEO, priority is given to the images listed in the correct file names. During a search, images labeled with the right keywords have the best chance of appearing first.

To get more accurate names, search through your web analytics to determine the phrases commonly used to search for your products.

Use the right Alt tags.

Alt tags make up the alternatives for images when the browser used on your device can’t show them. If an image can be rendered by the browser, hovering over it with a pointer will show you the alt tags made for it. This is, however, based on the browser settings of your device. This option adds search engine optimization value to our webpages.

The use of alt tags will ensure your images appear on a search engine. An example of an appropriate alt tag is below:

<img src=2017-Nissan-Note-BN-White.jpg alt=2017 Nissan Note BN White>

Alt tag

To have the right alt tags:

  • Ensure the language used is plain and simple.
  • Use the model and serial numbers of the products that have them.
  • Do not use all your keywords in the tags.
  • Alt tags are not meant to be used for decorative images.

Be keen on the Image Dimensions and Product Angles.

A common trend in today’s world is the use of pictures that display the products’ actual dimensions. Images from different angles will also be more appealing to customers. Show the different shots of the products.

Add the angle dimension of the product to the alt tag. For example, in the previous example per see, you were taking an interior shot of the Nissan Note car. The alt would be alt=2017 Nissan Note BN White Interior>.


Reduce the File Sizes of Your Images

Do not upload large images to your webpage, as this would imply a longer load time for your website. Instead, upload small images and give the option of zooming it. The facts state that customers wait only 3 minutes for a site to load and 5 seconds on their mobile phones. If the pages have not been loaded by then, the customers abandon the search.

Amazon’s research indicates that if they reduced their load time by one second, they would record a staggering 1.6 million in losses. One great way to do this is by choosing the format “Save for the web on Adobe Photoshop. The great image size for the right optimization is below 70kb.

Choose the right file type for different situations.

The three major file types for saving pictures are JPG, PNG, and GIF. JPG is the format that allows small file size with high quality. GIFs are lower in quality and are mostly used for icons, and they support animations.

PNG images allow larger file sizes than JPEG, and this file type ensures the picture does not degrade in time after several saves. Tips for choosing the right file size include:

  • Use JPEG’s for eCommerce sores as they maintain the smallest size and the highest quality.
  • Do not use GIFs for large pictures. This will make the picture size too large and hinder the ability to reduce its size.
  • The small size of PNGs makes them a great alternative to the other listed file types. They suit perfectly in decorative images.

Image optimization is vital to have a great online presence. Everyone would wish to have their images appear first on the search engine page.”