How to Add a Blurhash String to Images Using Next.js

2 replies
Last updated: Jun 15, 2021
Hey all. I'm looking for a way to add a blurhash string (https://blurha.sh/ ) to use as a placeholder for my images using NextJS. Is it possible to somehow generate these using Sanity, or has anyone tackled placeholder data urls in other ways?
Jun 15, 2021, 5:46 PM
Not really an answer to your question, but Sanity does generate a low quality preview (LQIP) in the metadata for every image, if that might suit your needs.

https://www.sanity.io/docs/image-type
Jun 15, 2021, 5:52 PM
oh nice! thanks
Jun 15, 2021, 5:54 PM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.