If you don't want to load this library from CDN, you can set your self hosted library URL in options.libURL.

is for importing this library from CDN inside Web Worker script.

If your website has CSP enabled and you want to use Web Worker (useWebWorker: true), please add the following to the response headerĬontent-security-policy: script-src 'self' blob: Typescript definitions are included in the package & referenced in the types section of the package.json Remarks on Content Security Policy (CSP) See for browser compatibility of 'OffscreenCanvas' API.

If the browser does not support 'OffscreenCanvas' API, the main thread is used instead. The browser needs to support 'OffscreenCanvas' API in order to take advantage of non-blocking compression. Remarks for compression to work in Web Worker The webp compression is supported on major browsers. You can include the following script to load the core-js polyfill:

You can include the core-js polyfill in your project. If you need to support browsers that do not support new ES features like IE. This library uses ES features such as Promise API, globalThis. copyExifWithoutOrientation ( copyExifFromFile: File, copyExifToFile: File ): Promise // based on Browsers support getExifOrientation ( file: File ): Promise // based on imageCompression. canvasToFile ( canvas: HTMLCanvasElement | OffscreenCanvas, fileType: string, fileName: string, fileLastModified: number, quality? : number ): Promise imageCompression. drawFileInCanvas ( file: File, options? : Options ): Promise imageCompression. drawImageInCanvas ( img: HTMLImageElement, fileType? : string ): HTMLCanvasElement | OffscreenCanvas imageCompression. loadImage ( url: string ): Promise imageCompression. getFilefromDataUrl ( dataUrl: string, filename: string, lastModified? : number ): Promise imageCompression. getDataUrlFromFile ( file: File ): Promise imageCompression. To use this feature, please check the browser compatibility: (However, the proportion/ratio of the image remains.) Abort / Cancel Compression So, we resize the image to less than the maximum size that each browser restricts. you should provide one of maxSizeMB, maxWidthOrHeight in the options const options: Options = imageCompression ( file: File, options: Options ): Promise CaveatĮach browser limits the maximum size of a browser Canvas object.

Javascript optimize image before upload