When buying products from ecommerce store the customers cannot touch and feel the product like the way they can do in a store. Images, thus play a very important role in depicting clearly what the product looks like, how big it is, its quality etc., Therefore you should ensure to use images that are of higher quality and big to give a better view of the product and its details. However the big sized images can impact the load time of the web pages. Slow loading web pages lead to a high bounce rates and over time this negatively impacts Search Engine Optimization as Google starts noticing a high bounce rate.
A balance between the image quality vs image size has to be maintained to benefit from the use of images. Here are some ideas as to how the images can be optimized for web pages:
Choose the right file type: Choose the right file size. Files can be saved in different file types such as jpg, jpeg, gifs, png-8 and png-24. Jpgs are perfect for photographs and images that have a complex color scheme with colors, shadows etc., and can be saved as any quality (hi, low etc.,). Pngs 24 help in getting high quality graphics from Photoshop while saving the file. But they make very heavy files. Usually Pngs are used for logos since they can have transparent background and in the entire web page if only one image is a bit heavy, it really does not harm.
Save for web: To get the optimum size of images while saving in Photoshop choose the Save for web option with quality of 60. This will reduce the size of the image considerably yet keeping the quality high.
Image compression apps: There are many apps that help in reducing the size of the images by deleting jidden data such as unused colored pallets. Apps such as Minifer, Kraken etc.,