# Arcade Image Converter Tool

**URL:** <https://forum.makecode.com/t/arcade-image-converter-tool/43047>\
**Category:** Show & Tell\
**Created:** [March 31, 2026, 8:55pm UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047 "2026-03-31T20:55:50Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheReal3rd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thereal3rd/32/9527_2.png) [@TheReal3rd](https://forum.makecode.com/u/TheReal3rd)\
**Post date:** [March 31, 2026, 8:55pm UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/1 "2026-03-31T20:55:50Z")

</div>

Hi, all.

This is just post about a tool, I’ve been working on that allows the user to provide a picture that then returns converted image. That’s in the arcade makecode image format and pallet. Alongside providing extra functionality such as Dithering and different conversion methods that try match each pixel colour to the images colours.

The tool was originally created in python as a basic project but then converted using AI over to Javascript to make it more portable as a browser page with AI adding extra functionality mostly due to me having many active projects and never completing them.

I wont provide a direct link to the website as not sure that’s allowed so here the github page.

> <https://github.com/TheReal3rd/SimpleRIP/blob/main/pages/ImageToArcade.html>

You’re able to download the html page and just drag and drop it to your browser to use it in a completely offline form. I am open to feedback and ideas. As all i want todo is help people.

-3rd

---

<div class="post-metadata">

**Author:** ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)\
**Post date:** [April 1, 2026, 12:26am UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/2 "2026-04-01T00:26:34Z")

</div>

well that’s already a thing [https://kristianpedersen.github.io/Convert-Image-to-MakeCode-Arcade-Sprite](https://kristianpedersen.github.io/Convert-Image-to-MakeCode-Arcade-Sprite) but nice to see the collaboration

---

<div class="post-metadata">

**Author:** ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)\
**Post date:** [April 1, 2026, 12:26am UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/3 "2026-04-01T00:26:43Z")

</div>

and I’m pretty sure a link is fine

---

<div class="post-metadata">

**Author:** ![KawaiiGoddess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kawaiigoddess/32/33722_2.png) [@KawaiiGoddess](https://forum.makecode.com/u/KawaiiGoddess)\
**Post date:** [April 1, 2026, 12:51am UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/4 "2026-04-01T00:51:06Z")

</div>

WOW!

 ![Screenshot (54)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/b/0/b0cdf894b14aa6fc1ce47a2d63b28d7a02127d91.png)

---

<div class="post-metadata">

**Author:** ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)\
**Post date:** [April 1, 2026, 12:57am UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/5 "2026-04-01T00:57:33Z")

</div>

how did you do that I could not figure out how to use it

---

<div class="post-metadata">

**Author:** ![TheReal3rd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thereal3rd/32/9527_2.png) [@TheReal3rd](https://forum.makecode.com/u/TheReal3rd)\
**Post date:** [April 1, 2026, 3:19pm UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/6 "2026-04-01T15:19:43Z")

</div>

That implementation is a good one too. The only thing with is the scaled images get blurry or blocky. I think it maybe to do with the possibility Javascript canvas tries adding anti aliasing to the image or blurring to make the picture look smoother?

---

<div class="post-metadata">

**Author:** ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)\
**Post date:** [April 1, 2026, 5:07pm UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/7 "2026-04-01T17:07:35Z")

</div>

wait did you use the tool I said or the one here because if you used the one I gave you never mine I know how to use that one

---

<div class="post-metadata">

**Author:** ![TheReal3rd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thereal3rd/32/9527_2.png) [@TheReal3rd](https://forum.makecode.com/u/TheReal3rd)\
**Post date:** [April 1, 2026, 6:05pm UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/8 "2026-04-01T18:05:55Z")

</div>

You can copy and paste the code from the git into a note pad and save it as a .html file and then double click it. Make sure you have view extension enabled on your file manger if you’re using windows.

Or well i guess i can post it [https://simple.rip/](https://simple.rip/pages/ImageToArcade.html) This is the site where i host it.

---

<div class="post-metadata">

**Author:** ![KawaiiGoddess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kawaiigoddess/32/33722_2.png) [@KawaiiGoddess](https://forum.makecode.com/u/KawaiiGoddess)\
**Post date:** [April 1, 2026, 9:34pm UTC](https://forum.makecode.com/t/arcade-image-converter-tool/43047/9 "2026-04-01T21:34:46Z")

</div>

Here.
