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

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

Collapse
 
anugraha123 profile image
Anugraha Acharya

Not downloading properly. Corrupt image file.

Collapse
 
pjijin profile image
Jijin P ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿฆ„ • 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 ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿฆ„

๐Ÿ˜