• Hot
  • Top
  • New
1
votes

You have ... votes left in this category for this week!

Generate Fancy Open Graph Images

Krzysztof shared this feature

July 8, 2021

Trendy websites like github.com:
https://www.google.com/search?q=wordpress+pwa+site%3Agithub.com&tbm=isch

or tr-ex.me:
https://www.google.com/search?q=buenos+dias+hermosa+site%3Atr-ex.me&tbm=isch

generate gorgeous Open Graph images.

We can create such images for filtered archives – autogeneration of og:image should be an option just like the title, description, h1, above-products-html or below-products-html.

PHP GD Library functions are total crap, so it has to be a headless browser taking a screenshot of the requested HTML template.
dev.to uses: https://docs.htmlcsstoimage.com/ but it’s a bit pricey, a custom Vercel/Netlify serverless function would be better:

https://dev.to/vasyl_zubach/automate-open-graph-image-creation-3lf3
https://pociot.dev/33-dynamically-generate-open-graph-images

2 Comments

  1. blank Krzysztof T.
    July 14, 2021 @ 11:51 pm

    Reply

  2. blank Krzysztof T.
    July 15, 2021 @ 12:31 am

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

We use cookies

We use cookies for various things on our site, including our on-site chat bubble (if you use it), our comment forms (if you use them) and for session handling (if you log in).

Other than that, we use cookies to identify where traffic came from to help us understand which traffic turns into sales, we use a cookie for Google Analytics traffic analysis and we use a cookie to customise adverts for our own products we think you'll be interested in.

You can read more detail in our privacy policy page. Please click 'Accept' or 'Decline' to continue.