I am using CSS media queries to change my background images for retina screens.
I have a image which stretches the full width on the screen so if I allowed for large screen sizes with a pixel resolution of say 2500px it would mean my retina image width resolution would be 5000px. Even with reducing the quality and compression this creates a big file.
My question is what is the largest image size you should allow for? Any advice on this appreciated.