[tatsu_section bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” bg_animation= “none” padding= “20px 40px 20px 40px ” margin= “0px 0px 0px 0px” border= “0px 0px 0px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” full_screen= “0” section_id= “” section_class= “header” section_title= “” offset_section= “” offset_value= “0px” full_screen_header_scheme= “background–dark” hide_in= “0”][tatsu_row full_width= “0” no_margin_bottom= “0” equal_height_columns= “0” gutter= “medium” column_spacing= “px” fullscreen_cols= “0” swap_cols= “0” row_id= “” row_class= “” hide_in= “0” layout= “1/1”][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” padding= “0px 0px 0px 0px” custom_margin= “0” margin= “0px 0px 0px 0px” border= “0px 0px 0px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “none” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/1”][tatsu_text max_width= “100” wrap_alignment= “center” animate= “” animation_type= “fadeIn” animation_delay= “0”]

Business Blogging
Email Course

[/tatsu_text][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= “#aad9e0” bg_image= “https://wildheartmedia.com/wp-content/uploads/2016/04/social-media-image-guide.png” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “center right” bg_size= “cover” bg_animation= “none” padding= “0px 0px 0px 0px ” margin= “0px 0px 0px 0px ” border= “0px 0px px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” full_screen= “1” section_id= “” section_class= “hero” section_title= “” offset_section= “1” offset_value= “90px” full_screen_header_scheme= “background–dark” hide_in= “0”][tatsu_row full_width= “0” no_margin_bottom= “0” equal_height_columns= “0” gutter= “medium” column_spacing= “” fullscreen_cols= “0” swap_cols= “0” row_id= “” row_class= “” hide_in= “0” layout= “1/1”][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” padding= “0px 0px 0px 0px” custom_margin= “0” margin= “0px 0px 0px 0px” border= “0px 0px 0px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “none” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/1” gutter= “medium”][tatsu_text max_width= “” wrap_alignment= “center” animate= “” animation_type= “fadeIn” animation_delay= “0”]

Lesson 7:

Use compelling imagery

[/tatsu_text][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= “” bg_image= “” bg_repeat= “repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” bg_animation= “none” padding= “45px 20% 90px 20%” margin= “0px 0px 0px 0px” border= “0px 0px px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” full_screen= “0” section_id= “” section_class= “” section_title= “” offset_section= “” offset_value= “0” full_screen_header_scheme= “background–light” hide_in= “0”][tatsu_row full_width= “0” no_margin_bottom= “0” equal_height_columns= “0” gutter= “medium” column_spacing= “” fullscreen_cols= “0” swap_cols= “0” row_id= “” row_class= “” hide_in= “0” layout= “1/1”][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” padding= “0px 0px 0px 0px” custom_margin= “0” margin= “0px 0px 0px 0px” border= “0px 0px 0px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “none” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/1”][tatsu_text max_width= “” wrap_alignment= “center” animate= “” animation_type= “fadeIn” animation_delay= “0”]

It’s important to use good quality, correctly sized images for your blog. If you use an image that’s way too big, your post will take too long to load and some readers might not hang around long enough to read your content. You need to make sure that when your post is shared across social media, your images don’t look skewed, stretched, squashed or otherwise poor quality.

So, what do you need to do? Let’s break it down into the 4 things you need to know about creating images online:

  1. Where do I find images?
  2. How big should my images be?
  3. How can I reduce the file size?
  4. What do I do with them now?

Where do I find images?

Here are our top tips for finding images online.

No stealing

Google is the most obvious place to search for images. You just type what you’re looking for into the search field, go to Images, and you’ll be presented with thousands upon thousands of images to choose from.

However, we have one very strong word of warning here: Don’t ignore copyright issues!

If you’re running a business online, you should never use free images you’ve found via search engines, unless they’re ‘Labelled for reuse’. Luckily, Google makes it easy to find these. Just select ‘Search tools’ from the menu bar in Google Images and you’ll see a dropdown menu for ‘Usage rights’, which can help you find free images without breaking any copyright laws.

Give credit

If you find the perfect image via a search engine but it’s not labelled for reuse, or you’re unsure if it’s protected by copyright, you may still be able to use it.

Most people will happily let you use their image as long as you credit them for it. You’ll need to find out who owns the image by visiting the website and contacting the individual or company through their email address or contact form. Send them a message asking if they’re willing to allow you to use the image. Make sure you’re specific about which image you want to use and how you want to use it. Give them the URL of your website and a brief outline of what you do.

If they give their permission, you can go ahead and use the image, but make sure you add a caption stating the source of the image, with a link to their site.

Free stuff

Although many online images are subject to copyright, there are some websites that do provide free, high resolution, stock photos. They may not have such an extensive collection as paid image libraries, but you might just find exactly what you’re looking for without putting your hand in your pocket.

Some examples are:

Visit the library

If you’ve tried the free sources and still can’t find the perfect image, why not visit the library?

Online image libraries are a great way to source high quality, legitimate images. There are millions to choose from and you don’t need to worry about copyright issues or crediting anyone for your image: once you’ve bought it, it’s yours to do what you like with.

You usually pay for your images with credits, which you buy in bulk and then keep your account topped up as you use them.

Our favourite image libraries are:

How big should my images be?

When it comes to image size there are 3 things to consider:

  1. dimension: measured in pixels, e.g. 300 x 400px
  2. resolution: the number of pixels packed into a set space like an inch
  3. file size: measured in kilobytes (kb) and megabytes (mb)

The higher the resolution, the better the quality of an image because it has more information in each square. But more information means a bigger file. So, ideally we want a balance between image quality and file size.

If you upload an image into WordPress that’s very large, say 1920 x 1080px, it’s possible to resize it within WordPress, but the original file will still be sitting in your media library taking up valuable space. It’s far better to resize the image before uploading it in the first place.

Here’s how:

  1. Download the image from your search engine or image library.
  2. Use an image editing tool like Pixlr to re-size and/or crop your image.
  3. Re-save the image at the correct size.
  4. Upload to WordPress.

It’s worth noting, however, that you can’t simply import an image into Pixlr, type in the size you want to change it to and hit enter. I’m afraid, due to a little trickster known as ‘aspect ratio’, that simply won’t work. This is what causes your image to look stretched or distorted because you’re trying to resize it to dimensions it simply won’t fit.

There’s a little more involved in resizing images than first meets the eye, but once you get the hang of it, you’ll be creating perfect images in no time. As part of today’s task you’ll be able to download a tutorial video on using Pixlr to re-size and crop your images.

The exact size requirements for your image will depend on the styling of your blog or website. But, as a general guide, an image spanning the width of the page will need to be approximately 700-800px wide.

If you have a blog landing page (like ours), you’ll need to insert a featured image into your blog post so that it appears as a thumbnail next to your excerpt.

In order to share your blogs on Facebook and Twitter, you should also create correctly sized images for these social networks, which can be entered into the Yoast SEO plugin within your blog post.

Here’s a rough guide to approximate image sizes:

  • Blog main image: 720 x 360px (depends on your styling)
  • Blog thumbnail: min. 200 x 200px (depends on your styling)
  • Facebook image: 1200 x 630px (recommended by Facebook)
  • Twitter image: 1024 x 512px (recommended by Twitter)

How can I reduce the file size?

Ok, so you’ve found the image you want to use and edited it to the right size. But what if the file size is still too big? Well, that’s where the panda comes in.

Say hello to the panda at TinyPNG.

This is a free online tool that will neatly compress your image file without losing any quality. In other words, it optimises your image for using it online.

You simply drop your image file onto the TinyPNG page, wait a few seconds for it to be compressed, then download it and replace your original file with the newly compressed one:

Screenshot of TinyPNG

What do I do with them now?

Once you’ve found the images you want to use, resolved any copyright issues, re-sized them correctly for your different media, and optimised them for the web, you now need to upload them into your WordPress blog. Here’s how:

  • Main image: using the standard visual editor, move your cursor to where you want the image to be placed within your text and select Add Media from the toolbar (see screengrab below). From here you can either upload a new file or select an existing one from the media library. Be sure to select Full Size from the Size menu so that the image is displayed exactly as you created it.

Screenshot of Add Media in WordPress

  • Thumbnail image: in the right hand column you’ll see a text box called ‘Featured Image’. Click the “set featured image” link and add your image file in the same way as above.
  • Facebook image: if you have the Yoast SEO plugin, scroll down to the Yoast box beneath the main body of your blog post and click the social icon on the left hand side. In the Facebook tab, click Upload Image next to the ‘Facebook Image’ field and add your correctly sized Facebook image (see screengrab below).
  • Twitter image: do exactly the same as the Facebook image, but this time select the Twitter tab in the social section of the Yoast box.

Screenshot of Yoast SEO in WordPress

Remember to save your draft post before exiting so you don’t lose all your images!

How we do it at Wildheart

At Wildheart Media we’ve developed our own image strategy, as we have the skills and resources to be able to create our own graphics. This means all the images on our website and in our blog posts follow a consistent theme, which is very pleasing on the eye. We always create images that are simple, eye-catching and relevant to each blog post.

For example, the graphic we created for How to create targeted Facebook ads for your business is a very strong image of a target, which highlights the word ‘target’ in the blog title and invokes a feeling of success, i.e. hitting the bullseye. It’s a simple graphic which has been created in line with our business brand and colour scheme.

Today’s task

Now you have all the tools you need to use compelling imagery in your blog posts, it’s over to you, so head back to your email and complete today’s task.

[/tatsu_text][/tatsu_column][/tatsu_row][/tatsu_section]

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly