Whenever I place an image in a blog post there are two options:

  1. If it's a photo I just embed the small version and link to Flickr.
  2. If it's a screen grab or something, I upload it to my server and embed the image directly. I like to keep my Flickr photostream clean and only host photos over there.

The problem with the second option is that I have to make the image small enough that it doesn't blow width limits due to the design of the blog page itself and cause it to run out of the center box. This means that the image can be too small to be really useful.

Now, try clicking on the following image.


Cool, huh?

Of course, if you're reading this in an aggregator you'll have to go to the webpage to see what I'm talking about.

Now I can feel happy about embedding a small image, as the user can click through to the full image with cool presentation goodness.

You can read about the technique and download the code over at Huddle Together.

[Tip'O'Hat to Kelly Smith for the link.]