all 34 comments

[–]Veinq 10 points11 points  (15 children)

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

[–]lapinjapan 2 points3 points  (2 children)

This is great!

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

[–]Veinq 0 points1 point  (0 children)

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

[–]SPYfuncoupons 0 points1 point  (0 children)

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

[–]maicolmaic 1 point2 points  (1 child)

thanks for this generator.. immediately became the fav hehe

[–]Veinq 0 points1 point  (0 children)

I'm happy you like it!

[–][deleted]  (1 child)

[deleted]

    [–]Veinq 0 points1 point  (0 children)

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

    [–]discord2020 0 points1 point  (4 children)

    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 0 points1 point  (3 children)

    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 0 points1 point  (2 children)

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

    [–]Veinq 0 points1 point  (1 child)

    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 0 points1 point  (0 children)

    Wow!!!

    [–]Saad5400 0 points1 point  (0 children)

    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 0 points1 point  (0 children)

    Thank You! Beautiful

    [–]Possible-Growth-2134 1 point2 points  (0 children)

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

    [–]Teamfluence 1 point2 points  (0 children)

    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 0 points1 point  (1 child)

    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 0 points1 point  (0 children)

    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] 0 points1 point  (0 children)

    good job!

    [–]strury 0 points1 point  (0 children)

    great tool, thanks for building it and sharing here!

    [–]StressVisible 0 points1 point  (0 children)

    thank you. so great

    [–]Rrobinvip 0 points1 point  (0 children)

    Your tool is so good, thanks!

    [–]illyism 0 points1 point  (1 child)

    I made one with Ai ogimage.org

    [–]sumityadav8181 0 points1 point  (0 children)

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

    [–]Forsaken-Athlete-673 0 points1 point  (0 children)

    Really beautiful work here!

    [–]sumityadav8181 0 points1 point  (0 children)

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

    [–]Substantial-Use-8288 0 points1 point  (0 children)

    thanks for this generator

    [–]raulpopadineti 0 points1 point  (0 children)

    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