How Hotspot Crop on Images Works with GraphQL and Gatsby

How does the hotspot crop on images work?I have enabled it in studio, but how do i use it in the url with parameters?

crop is done via the URL, a given crop gets a given URL. I use the Sanity Image builder to get these URLs. You do not have to make any changes to the studio to get it to work 🙂
https://www.sanity.io/docs/image-url
Since I use Gatsby (and thus GraphQL instead of GROQ) I also have to query the crop parameters when I get the images, I just have one graphQL fragment for all my images. In GROQ Sanity may or may not give this data by default, I’m not sure.

PS: You can tell the image builder to ignore the crop set by sanity or use a different crop as well if you should ever want that

Thanks 🙂