# How to add own images and sprites?

**URL:** <https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039>\
**Category:** Help\
**Created:** [August 6, 2020, 10:51am UTC](https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039 "2020-08-06T10:51:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![adcoding](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/adcoding/32/27305_2.png) [@adcoding](https://forum.makecode.com/u/adcoding)\
**Post date:** [August 6, 2020, 10:51am UTC](https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039/1 "2020-08-06T10:51:59Z")

</div>

Hi everyone,  
I’m trying to add an image (png) as a scene background and also some sprites.  
How can I do this?

---

<div class="post-metadata">

**Author:** ![LcAtonal](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/lcatonal/32/16800_2.png) [@LcAtonal](https://forum.makecode.com/u/LcAtonal)\
**Post date:** [August 6, 2020, 12:14pm UTC](https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039/2 "2020-08-06T12:14:04Z")

</div>

I think you only can draw it out sadly 😐

---

<div class="post-metadata">

**Author:** ![Nobrain](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/nobrain/32/1078_2.png) [@Nobrain](https://forum.makecode.com/u/Nobrain)\
**Post date:** [August 6, 2020, 1:34pm UTC](https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039/3 "2020-08-06T13:34:54Z")

</div>

Well, go to this link: [https://riknoll.github.io/pxt-arcade-asset-tool/](https://riknoll.github.io/pxt-arcade-asset-tool/)  
Paste your png image.  
Copy the code shown on the right.  
Paste it in your project in javascript ( if you’re using blocks, then go to javascript, paste the code, than convert it to blocks, and will defenetily work)  
I don’t recommend pasting a big image because makecode can’t handle a very big sprite image ( 300 pixel height and width max, as I know )  
When creating a sprite or a background in blocks, go to javascript, paste the code, than convert it to blocks, and drag the new image ( somewhere in your project ) to the background block or sprite create block.

---

<div class="post-metadata">

**Author:** ![adcoding](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/adcoding/32/27305_2.png) [@adcoding](https://forum.makecode.com/u/adcoding)\
**Post date:** [August 7, 2020, 1:22pm UTC](https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039/4 "2020-08-07T13:22:44Z")

</div>

Thank you so much!!

---

<div class="post-metadata">

**Author:** ![Agent\_14](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/agent_14/32/17567_2.png) [@Agent\_14](https://forum.makecode.com/u/Agent_14)\
**Post date:** [January 26, 2021, 5:13pm UTC](https://forum.makecode.com/t/how-to-add-own-images-and-sprites/3039/5 "2021-01-26T17:13:29Z")

</div>

I tired this and I think it is limited to very small images. When I tried making it as a 140\*160 background, Makecode died.