Skip to main content

convertImageToBlob

A function that converts an image to Blob format in the desired image format (png, jpeg, webp) using canvas.

💡 The image types accepted by canvas.toBlob() are image/png, image/jpeg, and image/webp. For jpg, it is internally changed to jpeg.

Browsers are required to support image/png; many will support additional formats including image/jpeg and image/webp.


Code​

🔗 View source code


Interface​

typescript
type CanvasImageType = 'png' | 'jpeg' | 'jpg' | 'webp';

const convertImageToBlob: (
  url: string,
  imageType?: CanvasImageType // default: 'png'
) => Promise<Blob>;

Usage​

typescript
import { convertImageToBlob } from '@modern-kit/utils';

const imageBlob = await convertImageToBlob("image src", 'png');