# Background image

**URL:** <https://forum.makecode.com/t/background-image/11060>\
**Category:** Help\
**Created:** [November 24, 2021, 4:32pm UTC](https://forum.makecode.com/t/background-image/11060 "2021-11-24T16:32:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gamemaker473](https://avatars.discourse-cdn.com/v4/letter/g/858c86/32.png) [@Gamemaker473](https://forum.makecode.com/u/Gamemaker473)\
**Post date:** [November 24, 2021, 4:32pm UTC](https://forum.makecode.com/t/background-image/11060/1 "2021-11-24T16:32:58Z")

</div>

Hello! I need help with a background image. My format is 321 x 192 and the image wont show on the whole screen without using the “camera follow (mySprite)”. How can I make it so it shows the whole background on the screen so I dont have to move it?

Here is the image:  
 ![Main menu](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/3/3aa8c8642e34de542ef72440a07a7dbd9d7bd5e4.png)

---

<div class="post-metadata">

**Author:** ![drtongue96](https://avatars.discourse-cdn.com/v4/letter/d/ed8c4c/32.png) [@drtongue96](https://forum.makecode.com/u/drtongue96)\
**Post date:** [November 24, 2021, 8:48pm UTC](https://forum.makecode.com/t/background-image/11060/2 "2021-11-24T20:48:56Z")

</div>

nice artwork. but isn’t the maximum on one screen 160x120? It would need to be resized, right?

---

<div class="post-metadata">

**Author:** ![Kiwiphoenix364](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kiwiphoenix364/32/14368_2.png) [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)\
**Post date:** [November 25, 2021, 5:38pm UTC](https://forum.makecode.com/t/background-image/11060/3 "2021-11-25T17:38:19Z")

</div>

While using the [image convert to makecode](https://kristianpedersen.github.io/Convert-Image-to-MakeCode-Arcade-Sprite/), you can resize the image with the “custom resolution” to 161x120(for some reason the first number always has to be 1 more than the width that you want) and it should work.)

> **In case you don't know how to get the image code into makecode**
>
> Once you have copied the code that it creates, switch makecode into Javascript and paste the code on an empty line. After that, switch back to blocks, and the image should be somewhere as a sprite in your code. You can make a “set background to image” block and move the sprite image into the image of the “set background to image” block. The colors might look bad (because makecode only supports 16 colors). This method works for me and I’ve used it in many of my projects.

---

<div class="post-metadata">

**Author:** ![Gamemaker473](https://avatars.discourse-cdn.com/v4/letter/g/858c86/32.png) [@Gamemaker473](https://forum.makecode.com/u/Gamemaker473)\
**Post date:** [November 25, 2021, 5:57pm UTC](https://forum.makecode.com/t/background-image/11060/4 "2021-11-25T17:57:30Z")

</div>

Yeah, I checked 160x120 and it fit on the screen. I think I’m going to use 160x120. And also the artwork is from my friend that is working with me in this project. 😅

---

<div class="post-metadata">

**Author:** ![Purp13](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/purp13/32/3765_2.png) [@Purp13](https://forum.makecode.com/u/Purp13)\
**Post date:** [December 1, 2021, 9:39pm UTC](https://forum.makecode.com/t/background-image/11060/5 "2021-12-01T21:39:24Z")

</div>

is there a way to get the sprites to shrink