# Creating an HTML img tag from load.spritesheet

**URL:** https://phaser.discourse.group/t/creating-an-html-img-tag-from-load-spritesheet/13845
**Category:** Phaser 3
**Created:** [December 27, 2023, 5:23pm UTC](https://phaser.discourse.group/t/creating-an-html-img-tag-from-load-spritesheet/13845 "2023-12-27T17:23:34Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![goshieta](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/goshieta/32/7943_2.png) [@goshieta](https://phaser.discourse.group/u/goshieta)
#### Post date: [December 27, 2023, 5:23pm UTC](https://phaser.discourse.group/t/creating-an-html-img-tag-from-load-spritesheet/13845/1 "2023-12-27T17:23:34Z")

</div>

I want to create an img tag from the image loaded with ‘this.load.spritesheet()’.

I found [this](https://www.html5gamedevs.com/topic/36286-get-image-from-cache/) forum and tried it. The ‘this.load.image()’ function can be used to display loaded images, but the ‘this.load.spritesheet()’ function cannot be used to display specified frames.

Does anyone know how to solve this issue? Please share your ideas.

---

<div class="post-metadata">

### Author: ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)
#### Post date: [December 31, 2023, 4:31pm UTC](https://phaser.discourse.group/t/creating-an-html-img-tag-from-load-spritesheet/13845/2 "2023-12-31T16:31:30Z")

</div>

👋

```js
const url = this.textures.getBase64(textureKey, frameName);
const img = document.createElement('img');

img.src = url;

document.body.appendChild(img);

```