DEV Community

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

Posted on • Edited 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

Top comments (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 πŸ‘¨β€πŸ’»πŸ¦„

Background darken option added πŸ˜„

Collapse
 
sfeuga profile image
StΓ©phane FEUGA OSHIMA

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

Collapse
 
jeddevs profile image
Theo

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
 
pjijin profile image
Jijin P πŸ‘¨β€πŸ’»πŸ¦„

Done πŸ‘πŸ»

Clear cache and check demo 😍

Thread Thread
 
jeddevs profile image
Theo

Will do!

Collapse
 
jeddevs profile image
Theo

Perfecto.

Collapse
 
dboscanv profile image
Diego Boscan

Thanks! It's great

Collapse
 
groot profile image
Pangoli

Thank you

Collapse
 
jacobherrington profile image
Jacob Herrington (he/him)

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

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 πŸ‘¨β€πŸ’»πŸ¦„

Added domain and few new features πŸŽ‰

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

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

Collapse
 
codemouse92 profile image
Jason C. McDonald

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

Collapse
 
ben profile image
Ben Halpern

Really neat!!!

Collapse
 
awkwardblkcoder profile image
Phoebe M

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

Collapse
 
vagoel profile image
Varun

Cool and very useful util.Thanks

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

 😍 Thank You