This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Note: This feature is available in Web Workers.
The ImageBitmap interface represents a bitmap image which can be drawn to a <canvas> without undue latency. It can be created from a variety of source objects using the Window.createImageBitmap() or WorkerGlobalScope.createImageBitmap() factory method. ImageBitmap provides an asynchronous and resource efficient pathway to prepare textures for rendering in WebGL.
ImageBitmap is a transferable object.
ImageBitmap.height Read only
An unsigned long representing the height, in CSS pixels, of the ImageBitmap.
ImageBitmap.width Read only
An unsigned long representing the width, in CSS pixels, of the ImageBitmap.
ImageBitmap.close()Disposes of all graphical resources associated with an ImageBitmap.
| Specification |
|---|
| HTML> # imagebitmap> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
ImageBitmap |
50 | 79 | 42 | 37 | 15 | 50 | 42 | 37 | 15 | 5.0 | 50 | 15 |
close |
52 | 79 | 46 | 37 | 15 | 52 | 46 | 37 | 15 | 6.0 | 52 | 15 |
height |
50 | 79 | 42 | 37 | 15 | 50 | 42 | 37 | 15 | 5.0 | 50 | 15 |
width |
50 | 79 | 42 | 37 | 15 | 50 | 42 | 37 | 15 | 5.0 | 50 | 15 |
Window.createImageBitmapWorkerGlobalScope.createImageBitmapCanvasRenderingContext2D.drawImage()WebGLRenderingContext.texImage2D()OffscreenCanvas.transferToImageBitmap()
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ImageBitmap