We know that resolution on the web is a vast and often confusing topic and some people are struggling to upload the images with correct resolution to their websites. The fact is uploading an image to the site with incorrect resolution may exceeds the pixels screen resolution and it is an unnecessary waste of resources such as web space and bandwidth. As a result, your website will take more time to download, performing poorly and at the same time, it may put off your web visitors.
Every image you put on a web needs to be optimized. What does it mean? Well, it means to upload an image with correct screen resolution without wasting any resources which is usually 96 or 72 DPI because that is the resolution of most computer monitors. Firstly, specify the pixel dimensions of your image and make sure that the image is dpi 72 DPI (as recommended).