
Image file size & download rate: It displays the current file size, the file format of the optimized photo including the current download rate of the image.Quality slider: Scale the quality to increase the compression while preserving the photo quality.This makes sure the image is not distorted.

Keep the proportions constrained by ensuring that lock icon or toggle is selected.

Next, you have to alter the image size and compression quality, which can be done with Photoshop’s Save for Web tool. If you are cropping an image for a thumbnail, then select a 1:1 aspect ratio. You need to determine the image aspect ratio and if the photo has to be cropped, which dictates what type of photo it is, and where it is going to be positioned on the site. These steps may vary for other Photoshop versions. This tutorial explains steps for Adobe Photoshop CC 2017. However, it is possible to reduce image size and also not compromise on its quality. And if you have reduced an image size, then you know how it affects the quality of the image. Suppose you upload photos that are very large in size, then they can slow the page loading time, and result in higher bounce rates, which decreases sales. When images are optimized, they also drive a lot of new traffic to your website, thus boosting sales. Especially, product pictures play a crucial part in an online shopper’s experience. They strengthen the brand’s identity and provide signs. You know how important images are to your website.
