I'm just thinking about an idea... You could post two or three Image Show modules on homepage, each using different image sizes and then use @media-queries in override.css to decide which shows on what screen size. This way you might prepare one gallery for max 640px screen size, then next for max 1200px screen size and last one for bigger screens.
What is interesting - when an element is hidden by:
- Code: Select all
display: none
in css, its content and images are not loaded by the browser. So even if your "hd" desktop images would be size heavy, they would not affect mobile users as long as they would be hidden.