creativecommons/og-image-generator

Download, URL, and HTML buttons

Closed this issue · 0 comments

I was thinking if we should add a download option there as well. Let me know if it's required or will > be of some help then I will be happy to work on it as well.

Originally posted by @rajat2502 in #3 (comment)


@rajat2502 I agree this is a good idea. The best practice for using this is to not download, but to instead use the url in the meta tag, like so:

<meta
  property="og:image"
  content="https://cc-og-image.vercel.app/Introducing%20**New**%20Feature.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fcc-vocabulary.netlify.app%2Flogos%2Fcc%2Flogomark.svg%23logomark"
/>

Right now, clicking on the image preview will copy the url to the user's clipboard. This is good, but it's hard to notice. I propose we add three buttons, that do the following:

  • Download Image
  • Copy URL
  • Copy Meta Tag (provides the full html for og:image

Each of these buttons should show a toast/pop-up notification, like clicking on the image currently does.