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 it, 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 on another platform like Medium, you will now have another option to decorate your post. π
Decide the colors of the banner
As I want the text to be accessible to everyone, I make sure the colors 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 colors that I like and I just use the output colors 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 colors, 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 color
- Foreground color
- 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, guess it, 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. It is possible that they 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! π₯°
Top comments (0)