This is the recommended way of displaying an image in your blog posts. There are other ways and lots of choices, but I suggest do it this way first, then explore other ways Note also that the method described here works best if you have just one or two images that you wish to embed in your blog post. If you have more, you may wish to use the gallery method, described in the tutorial How to: add an image gallery/slideshow to a post.

First, I recommend that you size the images to the size you want them to appear. While it is possible to resize images using WordPress, the colour profile is not preserved and so the image typically won’t look as good as if you resize it first on your desktop before uploading. For images embedded in a blog post, I recommend no more than 800 pixels wide and 700 pixels high.

Next, you need to be in the Add New Post screen, creating a new post. Alternatively, if you are adding an image to a post that you have already created, then you would need to be in the Edit Post screen. I’ll assume you know how to do that from earlier tutorials, but if not, see How to: create a new post in your blog.

Firstly, position the cursor in the text editing window where you want the image to appear. Now, click on the Add an Image icon, above the text editing window:

You will see the image upload window:

Click on the Select Files button, select the image you wish to upload, and then click Open. The image will upload, and you will then get the screen below. If you continue to get an “HTTP Error” when you do this, click on the Browser Uploaderlink instead and try that. (Older versions of Flash can give this error.)

Here is the screen after the image is uploaded. Follow the steps marked 3 through 7, to insert the image.

Note that WordPress offers a couple of additional image sizes for you. You can use these if image quality is non-critical. Always use Full size if image quality is important.

That’s it! Click on Preview to view the post as it will appear, or if you are done, simply press Publish.