Learn Designer Tutorials

How To Create Blog Title Images That Attract Readers

By Melanie Doncas | Designer Tutorials

We’ve talked about the importance of branding for businesses before, but did you know this also applies to bloggers? You see, consistent branding doesn’t just help your blog to look more cohesive (and therefore, more professional), but it also makes your content instantly recognizable when it’s shared on platforms such as Pinterest.

Many bloggers understand the importance of having high-quality, awesome imagery throughout their posts, but here’s what separates the blogging elite from the amateurs: blog post title images. They're arguably the most important image in each blog post, as they're not only the featured image thumbnail when readers are deciding which blog post to click on from your homepage, but also the element of your post that will be shared (and pinned) the most.

using images in blog posts

If you’re worried this adds another time-consuming task to your already-packed blogging workload, fear not! BeFunky’s Designer has a number of blogging templates just waiting for you to create cohesive, stand-out header images within minutes. We'll show you how easy they are to customize, but first, let's cover the important elements that make up a good title image. 

Best Practices For Blog Post Title Images

Before you whip-up your very own on-brand title in the Designer, it’s important that you keep the following best practices in mind. These tips will ensure your post header images remain fab – not drab. You’ll be looking like a pro blogger in no time!

Include a great photo

The image you choose should primarily represent what your blog post is all about. Viewers should be able to determine the topic of your content just from a single glance at this image, so be strategic about the photo you choose to use. If you’re not great with a camera, or are simply low on time, you can easily opt for one of the millions of free stock photos available on sites such as Pixabay.

Include text

Once viewers take that initial glance at your blog title photo, they’ll then want to know specifically what your content covers. Including text on your image is the best way to do this, as you’ll want to use this element to reflect the title of your blog post. This is a vital component of creating a blog post header image, because when people are sharing your post via social media platforms like Pinterest, this visual will best represent the content. Use this text as a hook to grab your viewer’s attention and entice them to read your content.

how to optimize images for blog

Include alt text

Alt text simply refers to ‘alternative text’ and it involves keywords or phrases that describe what your image is all about. When uploading the blog post title image, it’s important to include alt text in the code so that when people are searching those phrases on Google, your content is more likely to appear. The benefit of this is that it puts even more eyes on your title image, potentially bringing extra traffic to your blog post. Cha-ching!

Make it on-brand and cohesive

Keeping your title image in-line with your blog’s aesthetic and style will promote recognition. This is especially beneficial when your content is shared across social media, as readers will instantly know it’s from you! Not only does this generate trust, but frequently seeing your content will quickly boost your authority, cementing your role as key influencer within your niche.

Establishing an overall aesthetic for your blog through cohesive visual elements (such as fonts, color palette, imagery, etc.) also gives you an additional way to stand out from the crowd and this is vital if you want to succeed in the blogging industry.

How To Create Blog Post Titles With BeFunky

Once you’ve drafted your written content and you’re ready to start creating the visuals, head to BeFunky’s Designer. Click on the Templates tab and select the category labeled Blogger Resources. You’ll find many useful templates there for your blogging needs, but for creating a blog post header image, click on the Blog Titles category. Here you’ll find a range of blog title templates which can be customized within a few clicks. Just select a template that takes your fancy!

how to create blog images in BeFunky

First up, you’ll want to change your template’s photo to reflect your own blog post content. To do this, click on the photo and an Image Properties toolbar will appear. Selecting Replace Image will allow you to open an image from your own files. Alternatively, you can also locate Image Manager in the menu on the left. From here, you can upload an image from multiple destinations, such as your computer, Befunky, Facebook, or even access Pixabay’s extensive library of free-to-use stock photos.

free blog image templates in BeFunky

Pro Tip: Don’t be afraid to move elements on your template around to better suit the composition of your image. You can do this by clicking and dragging them with your mouse. Additionally, you can delete any unwanted elements by selecting them with your mouse and hitting Delete on your keyboard.

The next step is to edit the template’s existing text so it reflects your own blog post’s title. You can do this by clicking on the text boxes you want to change and typing. When you click on any text box, you’ll find that a Text Properties toolbar appears, where you can change elements such as Font Family, Font Size, Spacing, Paragraph, Color, and more.

add text to photos in befunky

You can also change the color of individual graphics from the Graphic Properties toolbar. This appears whenever you select a graphic and it allows you to alter elements such as Color Overlay, Opacity, Blend Mode, and more. Clicking on Color Overlay will bring up the Color Picker option, which lets you select a new color for your graphic. You can also change the Intensity of the color using the slider at the bottom.

how to add graphics to blog photos in BeFunky

Pro Tip: Love an element already on your template and want to insert more of them? Rather than sorting through the hundreds of elements available in the Designer, simply select the desired element and press the “D” button on your keyboard to duplicate.

Speaking of graphics, the Designer also has a wide range of design elements (including graphics, lines, shapes, symbols, frames, and so much more) that you can insert to give your blog title image some added pizzazz. You can access these via the Design Elements tab in the menu on the left (it’s the triangle symbol).

how to design blog images with BeFunky

Once you’re completely happy with your Blog Title image, the final step is to save it to a destination such as your computer or Dropbox so you can then insert it into your blog post. We also recommend the Save as Project option, as this will allow you to come back and edit your title image in the future should you need to (for example, to correct any typos or re-use as a template for future blog posts!).

how to create blog images

Ta-da! Now you’re ready to rock your blog.

free blog image header templates in BeFunky

With over 440 million blogs circulating the online world right now, standing out from the pack can seem daunting. Thankfully, having unique and eye-catching visuals can help your blog to go a very long way, and creating these has never been easier thanks to BeFunky’s Designer.

The fun doesn’t just stop there though, as the Designer also provides an entire Blogger Resources section including free templates for blog images, infographics, and step-by-step templates to help you take your blogging game to totally new heights. Armed with these resources, you can now go forth and conquer!

Graphic Design, Simplified.

Photo Editing. Simplified