# Drag+Dropping a file for a game background

**URL:** <https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829>\
**Category:** Help\
**Created:** [September 10, 2026, 4:45pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829 "2026-09-10T16:45:21Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShadowWhisker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/shadowwhisker/32/35148_2.png) [@ShadowWhisker](https://forum.makecode.com/u/ShadowWhisker)\
**Post date:** [September 10, 2026, 4:45pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/1 "2026-09-10T16:45:21Z")

</div>

How do i drag and drop a file into background block to set the background be that file? I kinda need this for a computer i am building.

---

<div class="post-metadata">

**Author:** ![RobbyZero](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robbyzero/32/17188_2.png) [@RobbyZero](https://forum.makecode.com/u/RobbyZero)\
**Post date:** [September 10, 2026, 6:16pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/2 "2026-09-10T18:16:46Z")

</div>

You can’t do this. If you have an image file like a .png or .jpg you can convert it into MakeCode using an online tool.

---

<div class="post-metadata">

**Author:** ![ShadowWhisker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/shadowwhisker/32/35148_2.png) [@ShadowWhisker](https://forum.makecode.com/u/ShadowWhisker)\
**Post date:** [September 11, 2026, 4:06am UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/3 "2026-09-11T04:06:14Z")

</div>

what tool

---

<div class="post-metadata">

**Author:** ![Sword\_Studios](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sword_studios/32/35216_2.png) [@Sword\_Studios](https://forum.makecode.com/u/Sword_Studios)\
**Post date:** [September 11, 2026, 4:11am UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/4 "2026-09-11T04:11:32Z")

</div>

You cant do this in makecode, you have to convert it on an external tool

---

<div class="post-metadata">

**Author:** ![aChessFanatic123](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/achessfanatic123/32/33444_2.png) [@aChessFanatic123](https://forum.makecode.com/u/aChessFanatic123)\
**Post date:** [September 11, 2026, 4:27am UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/5 "2026-09-11T04:27:24Z")

</div>

how???

---

<div class="post-metadata">

**Author:** ![aChessFanatic123](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/achessfanatic123/32/33444_2.png) [@aChessFanatic123](https://forum.makecode.com/u/aChessFanatic123)\
**Post date:** [September 11, 2026, 4:27am UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/6 "2026-09-11T04:27:29Z")

</div>

and yes i hold a cake in my pfp

---

<div class="post-metadata">

**Author:** ![RobbyZero](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robbyzero/32/17188_2.png) [@RobbyZero](https://forum.makecode.com/u/RobbyZero)\
**Post date:** [September 11, 2026, 6:26pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/7 "2026-09-11T18:26:08Z")

</div>

There are lots of converter tools here:

> **[Home | Awesome Arcade](https://awesome-arcade.vercel.app)**
>
> This is a list of awesome MakeCode Arcade extensions and tools that I find super useful (or just plain cool) in my projects.

This website was made by @UnsignedArduino

---

<div class="post-metadata">

**Author:** ![RobbyZero](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robbyzero/32/17188_2.png) [@RobbyZero](https://forum.makecode.com/u/RobbyZero)\
**Post date:** [September 11, 2026, 6:26pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/8 "2026-09-11T18:26:13Z")

</div>

I should also mention that MakeCode still only has 15 colors so don’t expect too much detail until the developers decide to add a lot more.

---

<div class="post-metadata">

**Author:** ![Picklebasho](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/picklebasho/32/34649_2.png) [@Picklebasho](https://forum.makecode.com/u/Picklebasho)\
**Post date:** [September 11, 2026, 10:10pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/9 "2026-09-11T22:10:40Z")

</div>

[This is the tool you need](https://github.com/Monk070/makecode-video-audio-converter/blob/main/index.html)

---

<div class="post-metadata">

**Author:** ![ShadowWhisker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/shadowwhisker/32/35148_2.png) [@ShadowWhisker](https://forum.makecode.com/u/ShadowWhisker)\
**Post date:** [September 11, 2026, 10:23pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/10 "2026-09-11T22:23:24Z")

</div>

@RobbyZero that website is blocked too… 😭

---

<div class="post-metadata">

**Author:** ![Picklebasho](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/picklebasho/32/34649_2.png) [@Picklebasho](https://forum.makecode.com/u/Picklebasho)\
**Post date:** [September 15, 2026, 10:23pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/11 "2026-09-15T22:23:27Z")

</div>

> **If file:/// links are not blocked on your computer**
>
> Take the link and download it to your computer. Navigate to the file, double-click on it.

> **If file:/// links are blocked on your computer**
>
> Go to an HTML runner like w3schools. Paste the HTML in from the GitHub link.

> **If you tried everything else and can't make anything work**
>
> > **I didn't think to look up HTML runners on google**
> >
> > Do that
> 
> > **I thought of everything and it still didn't work**
> >
> > That’s a bit strange, sometimes you can still find one on google. If you really can’t, just use a non-school computer. If you don’t have one of _those,_ then you’re fried. Sorry.

Good luck! This took a while to write.

---

<div class="post-metadata">

**Author:** ![ShadowWhisker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/shadowwhisker/32/35148_2.png) [@ShadowWhisker](https://forum.makecode.com/u/ShadowWhisker)\
**Post date:** [September 16, 2026, 7:25pm UTC](https://forum.makecode.com/t/drag-dropping-a-file-for-a-game-background/45829/12 "2026-09-16T19:25:05Z")

</div>

@picklebasho i knew about w3schools from last year, but i tried to open it just now and ikeep getting this message even when i try diff sites:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/9/f/9fda128dc5ba29345e97825fa9d8b31812a14f50.png)
