Live an adventurous life of work + travel

How to create awesome feature images for your blog posts

The most common question I get asked as a blogger is “how do you create those feature images for your blog posts?”.

The answer is this: I’m actually a Graphic Designer so I put them together myself. Sorry, I know that’s probably not what you wanted to hear as many of you will not have been trained in the ways of graphic design, but don’t worry – I’m here to help!

Having great visuals for your posts is super important. Sometimes, a photo by itself isn’t going to get your message across. Engagement is much higher when someone can glance at an image and immediately know what to expect if they click through to the post. As I mentioned in how to be a pro at Pinterest, you often only have a fraction of a second to grab someones attention, so having a bold and appealing feature image is a crucial part of becoming a successful blogger.

I use Adobe InDesign to create my post visuals and will be using this in the following examples, but you can use anything from MS Paint to Photoshop!

Here’s how to create feature images for blog posts that are sure to stand out and look awesome. Click on the images for larger versions.


Sydney, Australia

1. Start with A GREAT PHOTO

I try and pick photos with myself in them if it a post about me, my opinion, or my stories. If it’s a general travel post, then a photo from the destination or with a recognisable landmark is a good idea. People like to click on images they can relate to.

Also try not to choose photos that are too busy. It needs to be something that can easily be glanced at. A good way to test this is to shrink the photo down to thumbnail size and see if you can still tell what the photo is taken of.

Once you’ve chosen a photo, use my photo editing techniques to make your photo look fabulous! You can experiment with colour filters, washes, or anything that might make the photo look more interesting. I often choose photos that I’ve put through Instagram and added filters.

Feature images for blog posts

Feature images for blog posts

2. CREATE YOUR DOCUMENT

Open your editing program of choice. I use Adobe InDesign, but some other good choices are Photoshop or Corel Draw. It’s best to use a program you’re somewhat familiar with. If you haven’t used any editing programs before – you may as well start now!

Pro tip: If you’re not sure how to do something or how to use a certain tool – Google it! Someone will surely have written a tutorial.

Create a new document for web (1). This usually means the colour settings are in RGB, and the document size is measured in pixels. I use the dimensions 900px x 600px (2) for my post feature images, and I also create a 1000px square image for use on Facebook and Pinterest.

Drag and drop your chosen photo into your document (3), and resize it to fit within the frame.

Feature images for blog posts screenshot3

Feature images for blog posts screenshot4

3. ADD shapes and TEXT

Add coloured circles or boxes to be placed behind your text if you wish. You can do this by selecting the shape tool (4), selecting your preferred shape, and drawing it onto the canvas. I’ve made my circle white and changed the transparency (5) to 75%.

Draw text boxes using the text tool (6) and fiddle with the fonts and text sizes (7) until you have something you’re happy with.

Making the text bold and easy to read is a great way to grab people’s attention. Cursive fonts or thin fonts might look nice but they aren’t all that easy to read. I use a cursive font for my blog name, and a bold simple font for my post title.

Feature images for blog posts screenshot5

You can also add straight lines using the line tool (8) and change the thickness or style (9) by changing the stroke type.

Feature images for blog posts screenshot6

4. Save your image

It’s a good idea to save your editable file (such as .indd for InDesign, .psd for Photoshop, etc) so that you can go back in and edit it for your future blog posts. Once you’ve saved the editable file, you’ll need to save a different version for uploading to the web.

The best file types for web are .jpg or .png, though .jpg is probably better for images such as this one as the file size is smaller which therefore takes less time to load on your website.

Go to File – Export (10) (or some programs may have it as ‘Save As’) and save your image.


How to create awesome feature images for your blog posts

I put this image together in about 10 minutes. Now as I mentioned, I’m a graphic designer and well practised at using InDesign so please don’t feel like you should only take 10 minutes to put together yours, it will probably take much longer in the beginning.

It’s a good idea to choose a few fonts and image styles that you regularly use for your posts, as it will take less time to put together than starting from scratch. Once you get a consistent style going and get into a rhythm of making your feature images, you’ll find it takes barely any time at all.

How did you go with creating your feature images? Got any other tips to add? Share with us in the comments!

Ashlea Wheeler

Blogger & Photographer at A Globe Well Travelled
I'm Ashlea, an excitable Australian who loves photography and exploring the world. Find out more about me.

21 Responses to “How to create awesome feature images for your blog posts”

  1. Petra @ The Global Couple

    Nice tips! Personally, I use Adobe Illustrator, but maybe I should give InDesign a go to see if it’s easier/quicker. For people without the Adobe suite, the online tool Canva is quick and easy – canva.com. It even has preset sizes for Facebook, Pinterest, Twitter, etc.! 🙂

    Reply
    • Ashlea Wheeler

      Thanks Petra! Illustrator is a good choice of program too. I use InDesign because I’m most familiar with it. I’ve heard that Canva is a great tool for bloggers!

      Reply
  2. Mafer Moncada

    One of the things I need to start implementing is this, to make a design & capture someone’s eyes. I need to practice & play around to start learning about this programs, because I actually haven’t use them that much since a really long time ago. Great ideas to have a guideline!

    Mafer, Euphoric Wanderlust x

    Reply
    • Ashlea Wheeler

      Thanks Mafer, It’s great to have an idea of what will capture people’s attention. It really does make a big difference when it comes to engaging people!

      Reply
  3. Wild Cat

    I will try this out soon, saving this blog for reference! Thank you for sharing the tips, it will take me much longer than 10 minutes 🙂

    Reply
  4. Zaahirah Bhamjee

    great tutorial 🙂 I like that you’re showing people how to make them from scratch. It really allows us to get into the program and hopefully we’ll create more unique ones too 🙂

    Reply
    • Ashlea Wheeler

      Thanks Zaahirah! I think it’s important to know the process behind these things, even if you don’t go about it the same way. Being creative is mostly about experimenting with many different techniques and applying them where appropriate 🙂

      Reply
  5. Wayne Farrell

    I can second on Canva – Unbelievably easy to use and the free fonts/layouts are bang up to date. Very versatile too.

    But, having said that I always use good ol’ Photoshop on most editing – you can’t improve on a classic!

    Great post by the way- in fact, all your posts are great, always inspiring.

    Reply
    • Ashlea Wheeler

      I’ve heard great things about Canva! Definitely worthwhile if you don’t have time to learn how to use one of the editing programs properly (and they do take a lot of time!). Though I’m glad that I’m well practised in the use of Photoshop and InDesign, they’ve come in useful for my blog more times than I can count! Thanks Wayne 😀

      Reply
  6. Asli Bildirici

    I generally use Photoshop for the images. I created some Photoshop actions beforehand. (mostly for the colors and washes of the photos) So when I want to give the same look to another photo I can do it with just one click.

    Girl Against Oleka

    Reply
    • Ashlea Wheeler

      I’m a BIG fan of Photoshop actions! I also have a few that I regularly use for editing my photos. Great tip Asli!

      Reply
  7. Alissa

    Awesome! I just downloaded the Adobe Creative Cloud to fiddle with all the programs to apply to my blog. I also am going to learn some stuff to help out with my career! Thanks! Nice simple tutorial.

    Reply
    • Ashlea Wheeler

      Good move Alissa! Once you get used to using the programs, I’m sure you will love creating new images for your blog 😀

      Reply
  8. Kanika kalia

    Love it… Finally… So happy to see this article of urs…. I m going to try this for surr

    Reply
  9. Dawn Jolena

    wow! Thanks so much for posting this! I am inspired to learn a bit of photo-manipulation skills now! Also great tips and tricks!
    For your readers who are 100% computer dumb (such as me,lol) an app such as Photogrid (if you have an I phone) is pretty helpful also.
    XO
    Dawn

    http://www.BrilliantOrchid.com

    Reply
  10. Simone

    Thanks so much for this tutorial. This is very helpful! Later I will check all your tuts. Love it!

    Reply
  11. Daisy

    Hi Ashlea, I will definitely try your tutorial. All I needed now is to learn is how to do an image manipulation.

    Regards,
    Daisy

    Reply

Leave a Reply

Basic HTML is allowed. Your email address will not be published.

Subscribe to this comment feed via RSS