I’ve been hanging out on some blogging related forums and one of the questions that often comes up is how to add an image into a post. There are actually several ways to do this, and once you’ve done it a few times you’ll find that it’s very easy.
I’m writing these instructions out for the WordPress blogging platform, but some of the techniques that I’ll discuss will likely apply quite easily to other blogging platforms.
How to add images to your blog post:
Method one – using image links:
If you have images uploaded onto a free photo hosting site such as Flickr or Photobucket you can easily add the image link to your post. Simply copy the image link from the photo hosting site and use the image button in the top of your post writing area to paste the link into the box that pops up after you’ve clicked the image button.
Just be sure that your cursor is in the area that you’d like the image to be placed when you click on the image button. Otherwise you’ll have to cut and paste the image code into the correct area.
Method two – uploading and image:
If you’ve taken photos with a digital camera or saved photos to your computer it’s pretty easy to upload them into your WordPress post. All you need to do is use the upload section that is directly below your post writing area in WordPress.
One thing to keep in mind before uploading photo files to your server and then into your post is the size of the file. If you are posting in Rich text format you can easily adjust the height and width of any image, but you can’t adjust the kilobytes. You should make sure that the file is preferably less than 20 kb in size before you upload it into a post otherwise it will dramatically slow the loading time of your post.
If you have photo editing software use it to edit the post for the web by making it a compressed jpeg or gif image – try to maintain the quality of the photo while you reduce the size in regard to kilobytes.
Now, when you are in writing mode in WordPress take a look just below the post content box. You’ll see an area called “Upload”. If the upload area isn’t open click on the + sign to open it.
You’ll see an area that says “File” within the Upload box. Select browse and find the image that you’d like to add to your post. You may chose to also file in the title and description information for the image file at this time as well.
Once you’ve selected the image file on your computer, click on the word upload in the bottom right of the Upload area.
After a moment the file will be uploaded and you’ll see a small thumbnail of the photo.
In WordPress 2.0 you must click on the picture to choose between adding the thumbnail of the image or the full size image to your post. Once you’ve selected which image size you’d like to use, place your cursor in the area of the post that you’d like the image to be placed, and then go back to the image and click on the words “Send Image to Editor”.
In WordPress 2.1 you’ll see several selections beside the thumbnail of the image. You can use the full size or thumbnail of the image, and you can also choose to link to the image file or not.
Since I often edit my images ahead of time to make sure they are of an appropriate size for the post I usually choose full size and none before selecting “Send to Editor”. If you’d like to use a thumbnail of your image in the post you might choose to link to the image so that your visitors can click on the link and see a larger image on a separate page.
Once you are done selecting the image size and any thing else that you’d like to choose for your image click on “Send to Editor”. Just be sure that your cursor placed in the area of the post that you’d like the image to be placed. Otherwise you’ll have to cut and paste to get the image in the right area.
Then TA DA you have a photo inserted into your post.
So how is that? Clear as mud or do you have a better understanding of how to place an image in your post now?
Don’t forget to read my article on how to center or align your image to the right or left of post text.