If you build websites that are mobile optimized, then you’ll want to check out the Adaptive Images solution. Basically it checks your visitors screen resolution and automagically create, caches and delivers the appropriate sized image.

Why Use Adaptive Images?

Because it not only makes your image fit into a browsers or viewports of various sizes, it serves up a smaller file size for you mobile device. Pretty slick, but the implementation is sort of technical, it’d be great if there were an Adaptive Images WordPress plugin, so when one comes out, either make sure to drop a link in the comment box below or I’ll update this post.

Another reason you want an adaptive or dynamically sized image is so that your image will size to fit in portrait or landscape modes of your device.

Go get the Adaptive Images solution.

---

 

Down and Dirty Alternative Method

You can add a style to the image directly or to your stylesheet and that should work just fine, although, the image will be resized, the weight of the image will remain the same, so beware.

Photo credit: Browser by Johan Larsson, on Flickr