createPngDataUri

Especially when using a server-side rendering framework like Nuxt, you might want to generate the placeholder images for the src attribute during SSR. This can be done with the createPngDataUri function:

import { createPngDataUri } from 'unlazy/thumbhash'

const pngDataUri = createPngDataUri(thumbhash)

Type Declarations

function createPngDataUri(hash: string): string

Example

import { createPngDataUri } from 'unlazy/thumbhash'

const thumbhash = '1QcSHQRnh493V4dIh4eXh1h4kJUI'
const pngDataUri = createPngDataUri(thumbhash)

The pngDataUri variable will contain a PNG data URI for the src attribute of a <img> element.

<img :src="pngDataUri">