Adding images to your blog post

A picture is worth a thousand words or so the old saw goes and it is certainly true that an image can greatly help the look of a blog post.

Several people have asked me recently how to add images to blog posts so I thought I’d put up a blog post explaining how I do it in case it would be useful for others.

I store my images online on Flickr. When I want to use an image in a blog post I use the copy of the image which is stored on Flickr. This has the advantages that:

  1. it saves me diskspace from my hosting account,
  2. it saves me bandwidth from my hosting account and
  3. it is easy because Flickr provides the code to use the image from their site!

Being a simple soul, I like it when things are made easy for me.

How do I do it?

Well, click on the image you want to use in your Flickr account. If you don’t have a Flickr account, get one! A free account will allow you to upload 200 images and if you need more than that it costs around $25 p.a.

Once you have selected your image, click on the All Sizes button above the picture.
All Sizes button in Flickr

This brings you to the Available Sizes screen. Here you decide which image size you want in your blog post and select it. I generally go for images around 500 pixels wide (although the one selected below is 240 pixels wide).

Flickr's Available sizes screen

When you select the size you want, the code required to place the image in your blog post is in the field under:

1. Copy and paste this HTML into your webpage:

Copy and paste that code into your blog post et voilà, you now have an image in your blog post.

10 thoughts on “Adding images to your blog post”

  1. Sure Treasa – that doesn’t give me the options I have when I am inserting an image into the middle of a post using the WordPress backend. If I want to add tags, categories and possibly a trackback or two it is easier for me to do it the way I outlined above.

  2. Thank you so much for this! I was googling around for about an hour, reading so many posts about how bandwidth stealing is bad. Yep, I know (though many people don’t), but this is the first one that actually told me how not to do it.

  3. Hey,

    Great post, thank you.
    What if I do not want that the picture would be clickable?
    I inserted the HTML code in my blog, but if I click on the picture, my Flickr page comes up.
    Could you give me an advice on that?

Comments are closed.