7 ms·
Show HN: Imgsrc – Generate Beautiful Open Graph Images
- firedexplorer 3y agoCool. Do you plan to monetize it somehow?
- fadymak 3y agoThanks! Right now there is a paid option ($19 / year) where users can remove the watermark and eventually have access to more templates and features. I also plan on exposing an API which will likely be paid.
- thomaspttn 3y agoThis is really cool!
- fadymak 3y agoThanks thomaspttn :) I built it to streamline the process of creating OpenGraph images since it was the part I enjoyed the least about writing and sharing content on Social Media platforms.
- skeptrune 3y agogod damn this is going to save me so much time
- fadymak 3y agoGlad to hear you find it useful! Please let me know if you have any feedback :)
- jasonjmcghee 3y agoI hope this is useful to you fadymak- the page load is quite slow for me, and returning to it the second time was equally slow. (5-10s)
- fadymak 3y agoHey Jason :wave: I've noticed that too - I believe the traffic spike from HackerNews is adding some pressure. It usually loads pretty quick (a few 100 ms max). It's hosted on Vercel.
- jasonjmcghee 3y agoSeems to be much faster now!
- fadymak 3y agoIndeed - it seems that the Vercel outage has been resolved! https://www.vercel-status.com/incidents/kpgg9p03x8x0 https://www.vercel-status.com/incidents/kpgg9p03x8x0
- fadymak 3y agoLooks like Vercel is having an incident: https://www.vercel-status.com/incidents/kpgg9p03x8x0 https://www.vercel-status.com/incidents/kpgg9p03x8x0 Pretty unfortunate timing
- adonese 3y agoI'd love it if it has an api, and maybe with watermark and limitations (xx generated images per month) -- but I also understand that will severely limit the revenue for it
- bomberchampion 3y agoThis looks amazing. Neat and clean UI / UX.
- fadymak 3y agoThanks for the kind words! <3
- AdmiralAsshat 3y agoYou're uh, probably gonna wanna rename this thing to avoid search engine collision with a certain infamous Russian domain.
- fadymak 3y agoeh - I wasn't aware of that site
- jeroenhd 3y agoNeat tool. Doesn't seem to be working for me, though (Firefox for Android, preview is stuck on "Loading")
- fadymak 3y agoRight now Firefox for Android does not support Intl.Segmenter [1] but it appears that support has been added to nightly [2] and will be released soon! Sorry about that. I was weighing the pro/con of waiting for support to be released or adding a polyfill but it seems that support is just around the corner from what I can tell from the issue. [1] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter#browser_compatibility https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe... [2] https://github.com/mdn/content/issues/31098 https://github.com/mdn/content/issues/31098
- jeroenhd 3y agoI see, thanks for investigating! I guess it must be a relatively new API, seeing how recently Safari has implement it. Looks like a very good API, glad to have learned about it!
- alwillis 3y agoIt shipped in Safari nearly 3 years ago [1] so it’s not that new. [1]: https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/ https://webkit.org/blog/11648/new-webkit-features-in-safari-...
- leros 3y agoI could see myself paying for this. I also see how people (not me) would use this as an API.
- fadymak 3y agoThanks for the support <3
- netsharc 3y agoMy 2024 resolution is to be less curmogedony, but here's me failing: first, the name, is that going to be google-able, or to be mistaken with the HTML? At first look I had no clue what "Open Graph Images" are. After reading the guide, so apparently this is an image generator for images to be used specifically in the <meta property="og:image"> HTML tag for a webpage, that social network sites will use as a preview/thumbnail image when the social network site links to that webpage. But... it's not even doing anything clever like where you can input the webpage URL and the generator reads the other Open Graph tags (or the contents of the page) and populate the input fields? Yet another Show HN that baffles me...
- tompec 3y agoThis is great! Congrats on shipping this. I made a basic version of this years ago (imageee.com) and would love to find a replacement. Something I could use in the same way. ``` <meta property="og:image" content="https://api.imgsrc.io/basic?title=This https://api.imgsrc.io/basic?title=This is a title&description=blahblahblah&logo=https://example.com/image.png https://example.com/image.png"> ```
- fadymak 3y agoHey tompec! Originally that was the idea for imgsrc (hence the name: the `src` attribute in an `img` tag). I definitely plan on adding support for that in the coming weeks :) When the API is released, it will have both the POST and GET support for generating programatically, on-demand.