Returns an object with all metadata required to display a blurry placeholder of any image.

await imoen(target)

Examples

// Get all metadata. Works for local files as well as remote URLs
const { width, height, lqip } = await imoen(target);

And use it like this:

<img src="${lqip}" height="${height}" width="${width}" style="filter:blur(5px)" />

Other metadata

imoen() also returns the following information:

  • filesize: File size in bytes
  • hash: A unique md5 hash of the file