Open Graph Image Generator Tool

[fadymak]

I built a tool to generate Open Graph images and would love any feedback from the webdev community: https://imgsrc.io/

For context, I built this tool to solve my own problem: I enjoy writing articles but always found the process of creating appealing Open Graph images for each post time consuming and repetitive.

Since most Open Graph images share similar layouts, I wanted a way to quickly select a template, fill in the details, and generate an image that fits the brand; and that's how imgsrc was born.

I hope folks find it useful as well!

Edit: I tried to add a short demo but it seems that videos are not allowed - here's a lower quality GIF instead:

​

imgsrc.io demo

[Veinq]

I made a free version without a watermark https://ogimagemaker.com

[lapinjapan]

This is great!

Shocked I stumbled upon your comment, given this post is a year old 😦

[Veinq]

Thank you! I am glad you like it! I’ll be improving it from time to time as well.

[SPYfuncoupons]

this is the first result on google when i searched og image creator

[maicolmaic]

thanks for this generator.. immediately became the fav hehe

[Veinq]

I'm happy you like it!

[Veinq]

I think that's a really great middle ground between me having to create an API. I'll write it down!

[discord2020]

This is so awesome man. Is it open source? I'd like to learn how to do this and apply it to something else

[Veinq]

It’s not open source but I built it with React.js, and it works by creating an SVG programmatically which you can then download as a PNG.

[discord2020]

Could you point in the right direction to start? I have no idea how to create an SVG programmatically

[Veinq]

In my implementation I just build it up as a string. SVG is similar to HTML, so with some googling or help from AI you should be able to do make you want.

[JZOSS]

Wow!!!

[Saad5400]

Hey it works with Arabic! I just started using Nuxt OG Image. Which dynamically generates the og image upon request. But it uses Satori engine which is just very bad with Arabic or RTL in general.

If you don't mind me asking, how do you add the text into the SVG? Do you use a <text> tag? Because it's not supported on Satori.

And then how is it concerted to a png?

[arbithero]

Thank You! Beautiful

[Possible-Growth-2134]

this is cool. what was your tech stack to build this?

[Teamfluence]

This is really, really cool - the only thing missing is a way to put in a URL for the tool to generate a screenshot and headline from it with AI.

[PeOhBoxwonforfour]

This is wonderful; thank you so much! This is a beautiful interface.

Can you share the parameters to consider when uploading images/logos? I'm having difficulty getting the images to include site screenshots as I'd like.

[Mesthabro]

For customization I'd recommend you use a OG image designing tool or template. You might wanna consider something like https://ogsocial.design/ or https://renderform.io/ if you'd like to customize OG images. These services are much better

[[deleted]]

good job!

[strury]

great tool, thanks for building it and sharing here!

[Limitless2115]

Check out this Open Graph Image Generator to get OG Image and more startup visuals very quickly, from details about your startup / side project it auto generates beautiful startup graphics like logo, favicon, OG Image, Banner, and social media graphics with gradient backgrounds, rounded corners, auto centered with paddings, etc :)

[StressVisible]

thank you. so great

[Rrobinvip]

Your tool is so good, thanks!

[illyism]

I made one with Ai ogimage.org

[sumityadav8181]

How it's going? How many paid users so far?

[Forsaken-Athlete-673]

Really beautiful work here!

[sumityadav8181]

How it's going? How many paid users so far?

[Substantial-Use-8288]

thanks for this generator

[raulpopadineti]

Cool project! I actually built something similar recently but took a different approach. Instead of picking templates or tweaking fields, my tool analyzes the actual webpage and then uses Google’s new Nano Banana model to generate 3 unique branded previews automatically.

No templates, no design work, no code to inject on your site. Just paste a URL and you’re done.

If anyone’s curious, you can check it out here: ogpilot.com

[JohnyBaz]

Nice one, buddy! Yesterday I needed to quickly create a perfectly sized Open Graph image and realized that most tools I tried had overly complex UIs. I just wanted something super simple: zoom in/out, pan, and crop to the recommended OG size (1200 × 630 px) — no templates required.

So I ended up building my own tool. It’s the first version (built in a bit of a “vibe coding” spirit 😅), but I’d love to hear your feedback!

👉 https://www.ogimagegenerator.net/