Is it possible resize image too much large for mobile?

Hi,

The module does not allow for resizing of images. The best Drupal strategy must yet be discussed in more detail:

- You can use systems like http://www.apachemobilefilter.org/
- you can use external services to resize images (hmmm... Can't find one... now, but this should be to difficult to make)
- You can create an image resizing component using WURFL (to learn about the devices screen size) and a imagecache contrib module that creates derivatives of your image using the different mobile device screensizes.

Since image transcoding can be done with general php, java, Python, ... libraries this can be handled easily, but this will take some time.

Video transcoding on the other hand is another issue. You will need more specialized equipment. I see three solutions:
- only show video on capable devices (and youtube video can work on on iphone and android)
- use a video service that have support for mobile. Vimeo and Exposureroom have some js code to assist you in that
- start transcoding yourself all your video and switch url (together with the wurfl library)
- ...

It could be interesting to start talking about this image resizing solution for Drupal. Any thoughts?

This would be an excellent feature. It is the only feature I used the Mobile Plugin for, but it doesn't work as well as mobile tools e.g. switching between versions, remembering which version to use. I presume they are not compatible with eachother?

Hi all,

Before developing this feature, I would like to hear what use cases you are targeting.

There are always two types of graphics that you will have in a mobile site:
1) Design elements like icons, header images
=> What kind of rules would you add to the image scaling algorithmes? I typically just make different graphical elements for different devices and I create different templates for these devices. The WURFL module is a good help.

2) Images used in nodes such as blogposts, articles
=> Since placement of these images are not so critical as design elements, and since this type of content is also very dynamic I see this more suitable for image scaling.

Please let me know your specific use case and if any suggestion, please post them!

Thanks for this module! I have a suggestion that may help many use cases (mine, in particular). Why not add a new display option in CCK for mobile devices? So using imagecache, for example, I could say show the 500px wide version of the image for normal full node display, and the 200px wide version of the image for mobile display. Is that a possible option?

Thanks!
Michelle

I to would like to see this feature, even if the main content area was taken care of.
In my case the site works fine for the blocks but if I am using Gallery and I click on the random block image it opens up the main image and album, but only half the image is shown,
I would obviously love to display the gallery images at a iphone / mobile device resolution with out scrolling width ways.

Hi,

An update on this matter. There are currently two solutions that can be used to resize images:

1) Use the mobile build mode that is present in Mobile Tools. This will give you the option to use imagecache to define different image sizes for mobile viewing.

2) Use the tinysrc module to dynamicall resize images in for example blogposts: http://drupal.org/project/tinysrc

If you're using the nokia mobile theme you can try this in your css:

#maincontent img {
width: 100% !important;
}

The solution isn't perfect but much better than images overflowing off the screen...

Use the mobile build mode that is present in Mobile Tools.

How??

How good is a mobile version of one's site without being able to resize images in content to fit screens in mobile devices?

twom's suggestions in #11 address the image resizing problem.

Also, many adaptive themes already include support for responsive images + video out of the box. Otherwise, you can either add some simply CSS to your own theme or utilize one of many available modules such as Media: Responsive or FitVids.