Hello,
I am working on my first mobile website and I am trying to understand the image requirement needs most displays. My current understanding of pixels is that the closer together and more they are displays greater detail. I am used to creating images for the screen at 72dpi but with screens on Surface Pro 3/4, Retina, and others it begins to confuse me. For example, do I need to have two versions of the same image (low and high resolution) then the code will call the proper image depending on the device type? Do I need more version at different resolutions? What resolutions should I make the images. Or is this not an issue anymore with responsive code? Can someone take time to explain to me the best practice approach to creating images for the diverse devices of today? Thank you