downsizeImage • tldraw Docs

Resize an image Blob to be smaller than it is currently.

function downsizeImage(
  blob: Blob,
  width: number,
  height: number,
  opts?: {
    quality?: number | undefined
    type?: string | undefined
  }
): Promise<Blob>

Example

const image = await(await fetch('/image.jpg')).blob()
const size = await getImageSize(image)
const resizedImage = await downsizeImage(image, size.w / 2, size.h / 2, {
  type: 'image/jpeg',
  quality: 0.85,
})

Parameters

Name	Description
`blob`	`Blob`
`width`	`number` The desired width.
`height`	`number` The desired height.
`opts`	`{ quality?: number \| undefined type?: string \| undefined }` Options for the image.

Returns

Promise<Blob>