6

Sorry for the open-handed nature of the question, but I don't know where else to get an answer to this. I'm deciding whether or not go full-force into a responsive Drupal 7 theme, probably the Omega framework.

One issue that keeps nagging at me is that the mobile devices have to download all the large images (not to mention everything else...).

Is there an easy way to serve up smaller images for mobile devices?

closed as primarily opinion-based by kiamlaluno Jul 2 at 10:22

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

9

There are many modules to handle responsive images, including;

  1. Responsive Images
  2. Client-side adaptive image
  3. Adaptive Image Styles (ais)
  4. Adaptive Image
  5. Borealis
  • Great, I'll try some of these out! – btotheg Jan 11 '12 at 18:08
  • The one that I got working properly, with support for Reverse Proxys was Client-Side Adaptive Image. Thanks! – btotheg Jan 12 '12 at 16:02
1

Use different imagecache presets immediately comes to mind, eg, a set of them for the main, desktop theme, and another parallel set that creates smaller versions for the mobile theme, or if in the same theme, sets that toggle based upon the user agent of the user's browser.

  • Interesting. What is the best way to call the preset on each theme? Like, large for desktop, and thumbnail for mobile? – btotheg Jan 11 '12 at 18:07
  • Off the cuff I was thinking inside the node templates, before displaying/rendering an image, check the user agent, and if mobile, display them one way, otherwise, display them another. Probably lots of work, but also precise. – Jimajamma Jan 11 '12 at 18:27
0

I had been searching for a proper way to get adaptive images. Finally Client-Side Adaptive Image worked. You just have to make a few image styles. Then if you select image formatter as adaptive image then you can assign an image style for every breakpoint. You can even configure the no. of break points you want. Great module! Great Solution!

Not the answer you're looking for? Browse other questions tagged or ask your own question.