I have Fullscreen image. This creates problems for mobile browsing for the images are large and hi-res.
Next problem is with things like retina display how does a design/programmer prepare to deal with this issue? I see lot of article about how to switch between images. But then I get overly confused with pixel density vs resolution. The when and where it is needed and the how and why to target them.
*Fullscreen image at 1900x1080 resolution & 72dpi. For best optimization, How many images should there be per resolution/pixel density? Furthermore, Given this scenario which library/plugin/symantics would be best on tackling this situation?
Lastly, If i use media queries to target and switch background images will it download all the images? or just when the requirements have been met?