Seven Tips For Adding Images to Your Blog Posts • New Tricks
 In Blogging, Graphic Design

dog-taking-photoImages are an important component to a good blog post. They give a reader a first hint of what the article is about and they can set the tone. Using a visual can break up the text in posts that may otherwise feel too long and they just add a bit of polish to a post and to the site.

It’s easier now than ever to find free images for your blog. One of my favorite sources for images is Flickr. Some of the images have a Creative Commons license that allows the sharing of photos, with some restrictions. Dreamstime is another favorite place to go to hunt images. The photos and images are available at very low price especially when you will only need the 72 dpi resolution option since it is for the web.

Here are seven tips on adding images to your blog posts:

  1. I like to see blogs use a consistent size and placement of the photos in the posts. When the images are all relatively the same size and in the same place, it looks really nice as you scroll down the page.
  2. Be careful not to take images from other sites or to use copyrighted images and read the licensing before using or purchasing any image.
  3. Never link to an image on another website with using an external URL. If you do, at some point, the image may not be there any longer and you will have a broken link on your site.
  4. Always check the size of the photo and never use a high resolution image. Use an image editor and resize your image to fit your content width. First change the resolution to 72 and then change its size.
  5. Put your cursor at the point in the post where you want the image to be and then use the “Add an Image” function in WP to add the image to the WordPress Media Library. That will let you set various image attributes and also have the image available for use in other posts.
  6. When you select an image, add a title since that is great for SEO. Select “None” for Link URL because in most cases you don’t need links on images.
  7. Align the image Left or Right which will allow the text to wrap, especially if it’s a portrait (vertical) rather than landscape (horizontal) image, and select Full size if you resized the photo to the right dimensions beforehand. Sometimes, when you choose the image alignment, your image may not float the image left or right, and just adds some CSS classes to your image, based on your option. Themes usually have the right styles defined and things should work out of the box. But in case it doesn’t and you choose alignment and the images are not aligned, you can open style.css in Design Theme Editor and add the following lines somewhere> This should take care of the problem.

img.alignleft { float: left; margin: 0 25px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 25px; }

Recommended Posts

Leave a Comment