I'm happy to announce the release of my second ever WordPress plugin called . (My first, which I've neglected for sometime, is called WP-Microformatted-Blogroll). WP-Imagefit is extremely simple and serves one purpose: to get images in blog posts to fit inside the columns that contain them. In fact, this plugin is used on this blog, so if you see ever images load wider than the column and then quickly snap to fit the container's width, it's this plugin that's doing that. I originally discovered this trick thanks to Oliver Boermans' NetNewsWire Ollicle Reflex style. Working together, he extracted the resizing code into a jQuery plugin called jquery.imagefit.js and made it available to me for use in my EasyReader NetNewsWire theme. I had hacked it to work for my blog theme but decided that I should turn it into a WordPress plugin so I could use it elsewhere (and given that CSS's max-width attribute not only wasn't cross-browser, but also shrunk images horizontally, I needed a better solution). So, there you have it. Go ahead and download it. Installation and setup is standard as long as you have an -compliant theme like K2 or . I have a WordPress.org project page setup, the source is available (released under GPL), and if you want something to look at it, here's the official homepage. Feedback/feature requests/patches certainly appreciated and encouraged!


💬 Comments from the original post

[...] - WP-Imagefit proportionally resizes images to fit your blog template | FactoryCity mely simple and serves one purpose: to get images in blog posts to fit inside the columns that [...]
Amos Moses Griffin · 2007-11-18 07:27:53
Nice work here Chris. This would solve the problem of post image and theme changes. Seeing that I'm constantly fiddling with my design/theme this plugin would eliminate one headache. I'd hate to say how much time I've spent changing the widths of my photos. Haven't looked at the code yet but it must latch into hentry or entry-content? That's why it'll work on hatom only? In any event, thanks for the hard work and community love. You have my appreciation.
Nate Westheimer · 2007-11-18 12:14:22
Very cool, Chris. Installing it now. I have this problem all the time.
Chris Messina · 2007-11-18 14:39:44
@Amos: it only support hAtom blogs for two reasons: 1) to selfishly promote hAtom 2) because I don't know how to add multiple search classes to the jQuery code (I simply need to do more research into jQuery!). If you're not using hAtom, just sub out the containers' classes for the hAtom-specific class (.hentry) on line 20 in wp-imagefit.php.
Joel · 2007-11-20 14:01:05
Any examples available out there in the wild yet Chris?
Chris Messina · 2007-11-24 23:52:21
Hey Joel, you mean besides my site? ;) Not that I've heard of yet!
WP-Imagefit at Camiel Schoonens · 2007-11-28 00:47:08
[...] This plugin is currently only compatible with an hAtom-compliant theme like K2 or Sandbox and can be downloaded here. [...]
[...] is a plug-in that  Chris Messina author of FactoryJoe, and Co-Founder of Citizen Space has [...]
Josh Altemoos · 2007-12-02 23:40:16
Hey! I love this plug-in. It is just what I needed to migrate to k2!! Thanks!
Jeff · 2008-04-30 08:02:00
I am trying this out on my blog, but it's not working... Either for uploaded images or for linked images.

WP-Imagefit proportionally resizes images to fit your blog template