For most of my posts, I do not have any useful images to put at the top of my posts. But since my articles are displayed inside cards with an image in them, I want to have one so all cards look the same.
Many other bloggers use photos from images banks or just public domain images. Rather than using more or less related images, I personally prefer to create my own images with the post title inside, like the banner at the top of this article. ⚒️
So, for people who are wondering how I created them, I decided to write this little post. If you write articles on your personal blog or another platform like Medium, you will now have another option to decorate your post. 😉
Decide the colours of the banner
As I want the text to be accessible to everyone, I make sure the colours meet the level AAA of Web Content Accessibility Guidelines (WCAG) with a simple tool: the Accessible Color Generator.
Most of the time, I pick random colours that I like and I just use the output colours from the FOR LARGE/BOLD TEXT result section. 🍭
Add some emojis
Even though some posts are more serious than others, I usually find something missing, maybe a few colours, so I add emojis with the help of the great Emojipedia. 📙
Some people may find them unnecessary, but I think they add a little personal touch, don't you think? 😊
Generating the banner
Once I am sure of the title of my post, I create the banner with an online tool simply named Banner. It is a generator created by Liyas Thomas and it is under an Open Source licence on GitHub. 🌟
Even if the tool has many options, I usually use only four of them:
- Banner text
- Background colour
- Foreground colour
- Font size
Since these options are pretty self-explanatory, I am sure you will understand them. 🙃
Convert the PNG image to JPEG format
As the banner generator can only create PNG, I am using an online converter named PNG to JPG to convert the image to the JPEG format. 🏹
Why convert them to the JPEG format? Personally, I prefer to have the images as small as possible, because most of the time, the images do not convey important information. They may lose some quality, but I think this is fine for all the bytes that are saved. 🌳
Conclusion
In this post, you learned four tools that I frequently use to create the featured images of my blog posts:
I hope these tools can help you too! 🥰
