Few design elements make a bigger impact than your custom header image.
In this popular post from our archives, we go over the quick — and often fun — process of transforming a Creative Commons-licensed image into a sleek custom header.
A custom header image is one of those personal touches that can really set the tone of your blog and establish your visual brand. What’s that murmur in the back? You don’t have time to create a custom header? Image-editing software is too expensive? Think again. Today, we’ll show you how to create your own snazzy header quickly.
Creating the right header for the right blog
For this exercise, You’re the proud blogger at the imaginary Goodnight Loon, the web’s premier birdwatching-cum-parenting blog. You need a custom header that will channel your site’s blend of quirky humor, warm parenting advice, and love for all feathered creatures (well, maybe not Kukulkan). What do you do next?
Find a few images that speak to you
Comparing and contrasting a handful of pics can be really useful. You can use something from your own photo library, or a great find you stumbled upon while looking for Creative Commons-licensed images. Focus on high-quality, larger images, and take a look at your theme’s page to see if there’s a minimum-size requirement for the header.
Note: It’s ok if your chosen image is larger than the header image needs to be — you’ll be able to crop it once you’ve uploaded it to your blog.
Select the image you want to work with
We sometime stubbornly try to find images that literally channel what we’re saying. In this case, this would send you on a wild-goose chase (no pun intended) for a picture of two loving loons tucking their hatchling into bed. Good luck with that. Instead, aim for images that are somewhat abstract — a pattern, a landscape, a collection of items shot from afar — but are still evocative of your theme and your blog’s overall vibe. For the site in question, how about this lovely shot of painted eggs from Ukraine:
The eggs create a direct mental link to both birds and the concept of offspring, and there’s a lot to work with here in terms of texture and color. We have a winner!
Edit your image to suit your specific needs
Using a photo-editing service (in this case, picmonkey.com), you can then tweak your chosen image — if its license allows users to adapt it — to make it header-friendly. With this one, I first cropped it into a narrower rectangle, to help it fit better into the header space. For readability, I’ve brightened up the image and lowered the contrast. I wanted to create a stronger nursery vibe, so I played with the color palette to give the image a soft, bluish tint. Finally, using the editor’s Texture settings, I made it look like a soft, woven fabric — an egg-patterned cloth diaper, anyone?
How long did this entire process take me? Roughly three minutes (and I’m about as proficient in stuff like Photoshop as a baby loon).
Add in your blog’s name
Still in the photo editor, you can insert your blog’s name into your header-in-the-making. (This is optional: if you opt to display your blog’s name through your theme, you’d want to avoid repetition.) You can choose among several dozen fonts; here, I settled on a font — and a color — that makes a winking nod at the well-known cover of the classic Goodnight Moon. For good measure, I cropped the image a bit more, to better position the text:
Note: While you’re editing your image, you can save as many versions of your header as you like — that way you can always revert to an earlier state if you decide against a change you’ve introduced.
Final touches
Once you’re satisfied with your header, save the image to your computer and add it to your blog — you can do that either from your dashboard, by going to Appearance → Header, or in the Customizer, by clicking on the Header panel.
Then, check how your header fits into your overall look: does it work with your theme? Do the colors blend well with your custom background, if you have one? Does it help build a cohesive look to your blog?
In this case, I wasn’t too happy with the header’s whimsical font after all. A quick hop back to picmonkey.com was in order. There, I switched to a clean, serif font in more subdued colors, but kept the positioning of the text for a subtle echo of the original book cover. The final product:
A bespoke header tailored to a blog’s particular needs: yours is just a few minutes away, too.
For more tips on photo editing, check out PicMonkey’s tutorials, including this one, designed for beginners.
Have you used an image editor to customize your blog before? What were you trying to achieve? Do you have any tips for users thinking of creating their first custom headers?
Currently blogless? You’re a click away from sharing your story.
Create your blog at WordPress.com
wow I love your decorative eggs!
Happy Thanksgiving to you!
Please check out my blog, free recipes, 🙂
LikeLiked by 1 person
I loved the image !
LikeLike
What theme is used here, on the DailyPost’s page? Is it something they’re planning on releasing to us, the bloggers eventually? It’s really neat … the way the comments display, and pingbacks in the weekly photo.
LikeLiked by 1 person
Thanks, Rebekah — I’m glad you like our design! The Daily Post is using its own custom theme. I’m not aware of plans to release it publicly, though we always work on new, better ways to display content across themes. If there are any features in particular you’d like to see become available, feel free to leave a comment on our Ideas forum, here:
https://wordpress.com/forums/forum/ideas
LikeLiked by 1 person
Thanks for taking the time out to respond to this.
I will do just that … post in that forum.
The way the pingbacks are displaying in Weekly Photo is just awesome, for example.
LikeLiked by 1 person
I am a beginner in starting a website and this tutorial was great. boobahscardshop
LikeLiked by 1 person
I used PicMonkey to edit my header after the last time you guys posted this. I am now in love with it! Thanks so much for the advice, it really added some more character to my blog. 🙂
LikeLiked by 1 person
Very artful.
LikeLiked by 1 person
love this!!
LikeLiked by 1 person
Awesome!!! Very Artful…
LikeLike
Those eggs are exquisite!
LikeLike
very informative, thank you!
LikeLiked by 1 person
i love first image in this post. 😀
LikeLiked by 1 person
Thanks for this tip. I have done it and it looks better. At least to me 😉
LikeLiked by 1 person
wow love the egg photo. might give this a go.
LikeLike
Thank you for posting this, I wanted a header, but had no idea how to go about it. Thanks again!
LikeLiked by 1 person
For my header, I chose an image that I took myself with my phone (it has a damn fancy camera of 48 megapixels, but that’s not the point).
I’m a student midwife, so I’m at the start of my career – I chose a sunrise.
I took the image while on the way to placement from the train window.
It’s bright and doesn’t identify exactly where I work which uphold the confidentiality aspect.
Great tips here on the Daily Post as usual!
LikeLiked by 1 person
My new blog has a long way to go, but your posts have really helped spark my brain cells! Thank you for all the ideas and help.
LikeLiked by 1 person
The eggs are so creative!
LikeLike
The picture is amazing. I love seeing amazing and such creativity because I have interests in it
LikeLike
All my headers are made from my own photos. I change with the seasons, or just at a whim. Cropping your own photos is fun, and helps you decide which elements are the most important. Visit RushBabe49.com and let me know what you think.
LikeLiked by 1 person
Thanks for the encouraging info from a newbie. My family used to make eggs like that, in Detroit suburbs.
LikeLiked by 2 people
If you’re looking for feedback, your best bet is in our weekly Community Pool posts, which you can find here:
https://wordpress.com/dailypost/category/community-pool/
LikeLiked by 1 person