DEV Community

Cover image for Generate Cover Image For Your Dev Posts Easily
Jijin P  πŸ‘¨β€πŸ’»πŸ¦„
Jijin P πŸ‘¨β€πŸ’»πŸ¦„

Posted on • Updated on

Generate Cover Image For Your Dev Posts Easily

Generate a cover image for your Dev.to article online.

GitHub logo PJijin / Cover-Image-Generator

πŸ“• Generate a cover image for your blog post πŸ“ https://blogcover.now.sh/

πŸ™ Cover Image Generator

Generate a cover image for your blog post online.

Other projects:

  • πŸ”– MarkDown - Live Markdown Generator
  • πŸ—’ Paper - A "no-cloud" note taking app with "networkless" sharing.
  • πŸ‘¨β€πŸ’» ShowPath - Learning Path for Programmers

Generate code screenshot with CodeKeep Screenshot

⚠️ Clear cache and check demo. On mac CMD + Shift + R, On Windows Ctrl + F5

Cover Image Generator

βœ… Live Preview: Click Here

πŸ“Ή Video Preview: Click Here

Made with ❀️ by Twitter Follow Twitter Follow

✨ Features

  • 🌌 Generate Cover Image Online.

  • πŸ–± Drag and drop - Change content position easily

  • πŸ–Ό Insert image from computer

  • πŸŒ… Change background Image from URL, Insert from Unsplash

  • πŸ’» Quick Insert Programming Logos (Material Icons)

  • 🌈 Change Canvas border

  • πŸ”† Dark / Light mode

  • πŸ”› Change canvas width, height

  • 🎨 Customize Background, Font colours

  • ⬇️ Download Image in PNG, SVG, JPEG Format

  • πŸ–‹ Font Selection Option

  • Background darken Option

πŸ“ To

…

Some of the features are

🌌 Generate Cover Image Online.

πŸ–± Drag and drop - Change content position easily

πŸ–Ό Insert image from computer

πŸ’» Quick Insert Programming Logos (Material Icons)

🌈 Change Canvas border-radius and style

πŸ”† Dark / Light mode

πŸ”› Change canvas width, height

🎨 Customize Background, Font colours

⬇️ Download Image

Planning to add a few options like:

  • Select a pre-made template and save time ⏰

Feel free to report issues and contribute πŸ₯°

Hit ⭐️ if you like the project 😍, Feel free to open issues πŸŽ‰

Github: https://github.com/PJijin/Cover-Image-Generator

Live Demo: https://blogcover.now.sh/

Join on ProductHunt ✨ https://www.producthunt.com/posts/blog-cover

Comment your suggestions πŸ₯°

Follow On Twitter: https://twitter.com/PJijin

Discussion (23)

Collapse
sfeuga profile image
StΓ©phane FEUGA OSHIMA

Hello, Thanks for this App, it's really cool.

My two cents suggestions:

  • Add some blur (and/or darken) to the background image (to get a better reading of the text)
  • Add option to resize icons (maybe only .5x, 1x and 1.5x can be enough)
  • An option to save/load a template can be useful in case we want to make the same "background" with different texts
Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author

Background darken option added πŸ˜„

Collapse
sfeuga profile image
StΓ©phane FEUGA OSHIMA

Yeah !
I just tried it and it's really cool !
Thanks

Collapse
teotcd profile image
JedDevs

Blown away, will use!
One suggestion would be to add different fonts.

Collapse
djdrek profile image
Dr. Derek Austin [aka dj D-REK from Richmond, VA]

Great idea, maybe a Google fonts integration? ;)

Collapse
teotcd profile image
JedDevs

Perfecto.

Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author

Done πŸ‘πŸ»

Clear cache and check demo 😍

Thread Thread
teotcd profile image
JedDevs

Will do!

Collapse
dboscanv profile image
Diego Boscan

Thanks! It's great

Collapse
groot profile image
Pangoli

Thank you

Collapse
codemouse92 profile image
Jason C. McDonald

Nice work! I am definitely going to start using this.

Collapse
room_js profile image
JavaScript Room • Edited

Such a great job! You need a proper domain name for it, keep it alive!

Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author

Added domain and few new features πŸŽ‰

  • Added on ProductHunt πŸ˜ƒ
Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author

πŸ‘πŸ» Sure. Will add soon. Few features are still pending. πŸ˜ƒ

Collapse
ben profile image
Ben Halpern

Really neat!!!

Collapse
jacobherrington profile image
Jacob Herrington (he/him)

Thanks for sharing! I'll be sure to star and poke around!

Collapse
vagoel profile image
Varun

Cool and very useful util.Thanks

Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author

 😍 Thank You

Collapse
awkwardblkcoder profile image
Phoebe M

The lazy girl in me thanks you! This tool is so great!

Collapse
anugraha123 profile image
Anugraha Acharya

Not downloading properly. Corrupt image file.

Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author • Edited

Looks like there is an issue in png download. Let me check

Update: Fixed 😍

Collapse
jsmanifest profile image
jsmanifest

Good job dude!

Collapse
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„ Author

😍