https://github.com/tuhinpal/dynamic-image

Dynamically generate images for open-graph or website
https://github.com/tuhinpal/dynamic-image

Last synced: about 1 month ago
JSON representation

Dynamically generate images for open-graph or website

• Host: GitHub
• URL: https://github.com/tuhinpal/dynamic-image
• Owner: tuhinpal
• License: apache-2.0
• Created: 2021-10-02T08:57:32.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-02-29T18:07:24.000Z (9 months ago)
• Last Synced: 2024-07-31T19:28:30.785Z (3 months ago)
• Language: HTML
• Homepage: https://dynamic-image.vercel.app/
• Size: 659 KB
• Stars: 28
• Watchers: 2
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Supported By](https://raw.githubusercontent.com/tuhinpal/tuhinpal/master/supported-by-banner.svg)](https://ddevi.com/?utm_source=tuhin_github_dynamic_image)

 



# [Create a dynamic image](https://dynamic-image.vercel.app)

## Usage

- Dynamic, open graph image

- Dynamic image for website

- Embed dynamic good looking HTML

## How it works?

- Render an HTML template from request options

- Open this in Puppeteer

- Take `Screenshot` to make a `PNG` or Listen to console log for `SVG` to have appeared

- Cache that response to scale in billion

## Deploy

Before deploy let's clear one thing, Should you need to deploy?

If you have a big website dependent on this repository for open-graph images, then yes, go for it. Else you can use the URL which is given with this repository. This host directly builds the app whenever some changes appear in the repository, so you will get the latest features.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Ftuhinpal%2Fdynamic-image&env=AXIOM_KEY)

## Thanks to

- Vercel for Host

- Canva for theme prototyping

- [Skypack](https://www.skypack.dev/) for CDN

- [dom-to-svg](https://github.com/felixfbecker/dom-to-svg) for svg in dom

## Contribution

Contributions for a theme is welcome. Please see this [example.html](https://github.com/tuhinpal/dynamic-image/blob/master/examples/index.html) for more detail. It is instructed to create an issue before committing some function changes.