How to Attach a Blob of Image to the Editor

Hello folks, I'm wondering if it's possible to attach on the editor a blob as an actual image?What I'm thinking of is...

1. On the editor, I put a title and a description
2. There is a button called "Generate og:image"
3. If I click it, it creates a blob of image on the browser
4. It is attached as an actual image
5. It will be uploaded to sanity cdn.
6. During the build time (or on the server) the url is used for 'og:image' tag.

I'm curious about (4). I might need to dig more into sources of image type. But has anyone done something similar already?

https://www.sanity.io/docs/image-type#sources-d82cf03b063c

Here's how did it https://sanity-io-land.slack.com/archives/C9YQ161LZ/p1600047078163700?thread_ts=1600047078.163700&cid=C9YQ161LZ

Oh awesome. I'll watch it now. Thanks 😊

Exactly what I was looking for 👍

let me know if that helps. I need to create some offciial docmumentation around this

Hey it helped a lot! Inspired by you, I'm having a slightly different approach. I'm hosting sanity studio on vercel and created an api which generates image using puppeteer and set the image to the document using sanity client 🙂
So the frontend of the studio just calls the api with

id, title, description

.