Apart from being descriptive, images will make your posts live and more appealing to readers. This will improve your traffic and the user experience. Advertisers might also get encouraged to order a sponsored review on your blog if they know that you will include pictures and examples from the product.

So far so good. Extracting images from the web and adding them smoothly to posts without making your site look like MySpace is not a simple task, however. Below you will find tips and resources for this purpose.


Good Ol’ Printscreen

This is the most basic method. It will not produce outstanding results, but it might be helpful if you are using the Internet from another terminal or if somehow you are not able to access other tools.

Most personal computers come with a “PrtSc” key on the upper right part of the keyboard. Whenever you press that key your computer will save a digital copy of your screen on the cache.

sponsoredreviewsscreen.gif

The next step is to open an image editing software (Paint will suffice) and paste the copy of the screen. Just edit the image properly, save it as a new file and you are done.

Notice that you can also “print” only the active window on your screen by holding Alt while you use the “PrtSc” key.


The Paid Software

snagitsoftware1.gif

Snagit is the standard when it comes to screen capturing software. It allows you to take screenshots of specific regions and scrolling web pages. It also includes several advanced features like video capture, special effects and image editing.

You can try the software for 30 days, and if you like it you will need to spend $39 for a single user license. Is it worth it, you might ask? Yes if you have a professional website or if you are planning to make money via your blog. If you blog for hobby probably you can get away with free tools.


The Free Alternative

I can’t blame you if you don’t want to spend 40 bucks for an image capturing software. While a free alternative will not provide all the features you would find inside Snagit, it will probably get the job done anyway.

Screen Hunter 5 is a screen capturing software that comes in three versions: Pro, Plus and Free. The first one costs $29, the second $19 and the third one, as you probably guessed, costs nothing.

screenhunter.gif

Notice that the free version is not a trial one like Snagit. You can use unlimitedly both for personal and business uses. The only drawback is that it does not come with advanced features.

The software allows you to capture rectangular areas, active windows or full screens. It also comes with extra tools like color picker and delayed captures.


Trademark & Copyright Issues

Suppose you are writing a post about a certain company. Can you use that company’s logo in your article? Most of the times, yes.

Trademarks protect companies from people or organizations that use their logo in order to deceive customers. For example, an SEO consultant can not use Google’s logo on it is webpage because it would lead visitors to think that somehow he is involved with Google.

If you are writing a post about Google, however, you have the right to use its logo for the purpose of criticism, comment or news reporting. This is called “nominative fair use.”

The same does not apply to images within the website of companies, though. These are protected by copyright, and you can only use them under explicit permission from the author or owner.

The law is not clear about screenshots. Some people argue that you should be able to take screenshots or software and websites without infringing copyright, as long as it is for the purpose of criticism, comment or news reporting. The argument states that such usage would fall under the “fair use” principle.

When in doubt, seek legal advice from an attorney.


Finding Images on the Internet

Some times you will need to find images for your posts through out the Internet. Fortunately there are several websites that stock royalty free and images and photographies. Below you will find links to some useful ones.


Positioning the Images

Now you have the tools and the resources for getting images. What about placing them efficiently on your posts? There are basically two methods for positioning images within blog posts: using CSS and using HMTL attributes.

CSS formatting offers more flexibility, and it is the preferred method. In order to align an image via CSS you will need to create a special class on your CSS file. WordPress users usually have this file names stylesheet.css. Once you located the file just add something like this:

img.alignright {
float:right;
padding:5px;
border:1px solid #999999;
}

This code will create the class for all your images that are supposed to be aligned on the right. As you can see we have added both padding and a solid border (you can customize this elements as needed). Whenever you want to align an image using that format you just need to call the class within the img tag, which will look like this:

<img class="alignright" src="http://www.domain.com/testimage.gif" />

The second option involves HTML attributes, but it should be considered only if you are not able to use CSS because the align=”right” and align=”left” attributes will be deprecated from XHTML markup.

In order to use these attributes, just add them inside the img tag:

<img align="right" src="http://www.domain.com/testimage.gif" />

Finally, remember that images above the fold will give more visibility to your posts. A catchy image might convince an otherwise reluctant reader to investigate the rest of your content.

Be Sociable, Share!

– Daniel Scocco

7 Responses to “Using Images in Your Posts: The Guide”

  1. Thanks, I’m still in learning mode with WP and I think you just explained why I haven’t been successful with aligning my photos.

    Another image-editor that I’ve grown to appreciate is Picnik. I have the Picnik plugin for Firefox, so I can right-click and send either an image or an entire page to picnik.com, resize, crop, add some common effects, then save to my computer or flickr or any of several other options. It’s pretty convenient, does what I need it to do, and the price is right.

  2. Glad to help Tim.

  3. Well most of the times MS Paint is enough for screen shots to copy , edit and make it fit for blog use so there should be absolutely no need for special softwares to buy here !! I don’t hesitate to use photoshop either if there is any need even for post for which I am getting $1.25 (after counter bidding)

  4. I use Quick Screen Capture from http://www.etrusoft.com, a nice screen capture program :-)

  5. Do we have to put images in all of the posts even though advertisers didn’t mention it in the requirement? Just wondering :)

    Also, I just want to find out if how long does it take for the advertisers to approve/decline our bids? I had some bids that still pending and it was like 3 months ago lol.

  6. Bloggers on Vista will be pleased to know that there’s a screen capture tool supplied as part of Windows now. If you look in your Start menu under Accessories you’ll see something called a Snipping Tool. Click on that and it will let you capture part of the screen and save it as an image

    Very useful

  7. For a good, albeit not too robust, image manipulation software, you might try Jing, from the folks who make SnagIt. Jing is what I used until I broke down and ponied up for SnagIt about year ago.

Comment on this post...