Skip to content
  • 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. Krzysztof T.
    July 14, 2021 @ 11:51 pm

    Reply

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

    Reply

Leave a Reply

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