This will improve the image's sharpness across all platforms. This is because many of your customers will be viewing your product on a retina display. You should also save your product image at a size 50%–100% bigger than the size you expect it to be. To avoid fuzzy photographs, you don't want to reduce the size of your images doing so will result in images that seem pixelated. The lower the dimensions, the smaller the file size is. On the right side of the dialog box, under Image Size, you may change the image's dimensions.
Web pictures should, in my opinion, be no more than 200 KB in size. Keep an eye on this since greater file sizes can slow down your website. You can see the estimated size of your PNG file on the left side of the picture. option, you may save for the web and pick PNG-24 from the Preset dropdown menu on the right-hand side of the dialog box. In previous versions of Photoshop, if you don't see the Export As. from the drop-down menu in the program window's upper right corner of the screen. This option is available in Photoshop CC by pressing the combination of SHIFT + ALT + CTRL W (SHIFT+OPTION COMMAND W on a Mac) or selecting File > Export > Export As. What are the best practices for optimizing photographs for the web? It's best to avoid using PNG-8 and GIF because of the possibility of an unwanted halo effect. In this format, you may use many levels of transparency, so your picture will never seem pixelated in the middle of an otherwise solid backdrop color. Your picture should be saved in a PNG-24 file type. The first step in creating a transparent backdrop in Photoshop is to ensure that your product picture is saved in the right format so that it can be shown on your eCommerce website with a transparent background. 4) Save your picture in an internet-friendly format.