Function: thumbHashToDataURL()

thumbHashToDataURL(base64Hash): string | undefined

Decode a base64-encoded ThumbHash to a data URL for use as a blur placeholder.

Typical usage with Next.js Image:

<Image
  src={image.url}
  alt={image.altText}
  placeholder={blurUrl ? "blur" : undefined}
  blurDataURL={blurUrl}
/>

Parameters

string | null | undefined

Base64-encoded ThumbHash string from GraphQL Image.thumbhash

string | undefined

data:image/bmp;base64,... URL, or undefined if input is falsy