title: Multi-screen background image sizes
body: <p>I'm working on an image heavy web site that's essentially got three designs for multiple screens: smart phone, tablet and desktop.</p>
  
  <p>The main feature of this site is background/fullscreen images. Has anyone got any recommendations regarding the suggested sizes that these background images should be? </p>
  
  <p>They'll all be progressive jpegs as that seems the <a href="http://calendar.perfplanet.com/2012/progressive-jpegs-a-new-best-practice/" rel="nofollow">most sensible path for resizing and optimisation</a>.</p>
  
  <p>Handling the different images sizes will be another test, but essentially it seems sensible to handle it on the client side since this design allows for a polite loader.</p>