5 ms·

Show HN: OG Image as a Service

4 points by wzulfikar 5y ago

wzulfikar 5y ago
Hello, this is actually my first post ever here! So, I put together a webapp that helps you generate open graph image dynamically. I forked it from vercel (github.com/vercel/og-image) and add more functionalities (more templates, custom background image, etc.). I think it can be useful for those who want to quickly create banner or poster for their events, projects, website. etc. What do you think?
spdustin 5y ago
Looking good, wzulfikar. Any plans to update your fork with a new README, and updated index?
- wzulfikar 5y ago
  Yess, I'm planning to update the README and put some examples in there. What do you mean by "updated index"?
  - spdustin 5y ago
    By "updated index" I mean the app's index page (only page) :)
    - wzulfikar 5y ago
      Ah I see. got ya!
motyar 5y ago
Author Image is missing. Btw I am using https://bruzu.com https://bruzu.com for og images on few of my websites.
- wzulfikar 5y ago
  Oh cool, didn't know about bruzu before. Seems interesting! What do you mean by Author Image is missing? I tried using author image and it looks ok here: https://og-image.wzulfikar.com/**Hello**%20World!.png?theme=dark&md=1&fontSize=100px&template=devto&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fvercel-triangle-white.svg&authorImage=unavatar%2Fmotyar&authorName=Motyar https://og-image.wzulfikar.com/**Hello**%20World!.png?theme=... For images, you can use a url that starts with http/https or use a short syntax like svg/twitter (will fetch twitter logo from svgporn), unavatar/acme (will fetch "acme" profile from unavatar.vercel.app), etc.
wzulfikar 5y ago
btw, I added new template called "Article". Check it out: https://og-image.wzulfikar.com/Introducing%20WebSockets%20Support%20in%20Cloudflare%20Workers.png?theme=light&md=1&fontSize=100px&template=article&images=https%3A%2F%2Fblog.cloudflare.com%2Fcontent%2Fimages%2F2021%2F04%2Fimage2-12.png&images=https%3A%2F%2Fcdn.freelogovectors.net%2Fwp-content%2Fuploads%2F2019%2F01%2Fcloudflare_logo.png&widths=100%25&widths=auto&heights=auto&heights=50&subheader=Cloudflare+Blog%3A+%23DeveloperWeek&subheaderColor=%23ff8a05 https://og-image.wzulfikar.com/Introducing%20WebSockets%20Su...

4 points by wzulfikar 5y ago

Hello, this is actually my first post ever here! So, I put together a webapp that helps you generate open graph image dynamically. I forked it from vercel (github.com/vercel/og-image) and add more functionalities (more templates, custom background image, etc.). I think it can be useful for those who want to quickly create banner or poster for their events, projects, website. etc. What do you think?

spdustin 5y ago

Looking good, wzulfikar. Any plans to update your fork with a new README, and updated index?

wzulfikar 5y ago
Yess, I'm planning to update the README and put some examples in there. What do you mean by "updated index"?
- spdustin 5y ago
  By "updated index" I mean the app's index page (only page) :)
  - wzulfikar 5y ago
    Ah I see. got ya!

motyar 5y ago

Author Image is missing. Btw I am using https://bruzu.com https://bruzu.com for og images on few of my websites.

wzulfikar 5y ago
Oh cool, didn't know about bruzu before. Seems interesting! What do you mean by Author Image is missing? I tried using author image and it looks ok here: https://og-image.wzulfikar.com/**Hello**%20World!.png?theme=dark&md=1&fontSize=100px&template=devto&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fvercel-triangle-white.svg&authorImage=unavatar%2Fmotyar&authorName=Motyar https://og-image.wzulfikar.com/**Hello**%20World!.png?theme=... For images, you can use a url that starts with http/https or use a short syntax like svg/twitter (will fetch twitter logo from svgporn), unavatar/acme (will fetch "acme" profile from unavatar.vercel.app), etc.

wzulfikar 5y ago

btw, I added new template called "Article". Check it out: https://og-image.wzulfikar.com/Introducing%20WebSockets%20Support%20in%20Cloudflare%20Workers.png?theme=light&md=1&fontSize=100px&template=article&images=https%3A%2F%2Fblog.cloudflare.com%2Fcontent%2Fimages%2F2021%2F04%2Fimage2-12.png&images=https%3A%2F%2Fcdn.freelogovectors.net%2Fwp-content%2Fuploads%2F2019%2F01%2Fcloudflare_logo.png&widths=100%25&widths=auto&heights=auto&heights=50&subheader=Cloudflare+Blog%3A+%23DeveloperWeek&subheaderColor=%23ff8a05 https://og-image.wzulfikar.com/Introducing%20WebSockets%20Su...