# Turning Arcade images into actual images?

**URL:** <https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831>\
**Category:** Help\
**Tags:** art\
**Created:** [January 12, 2024, 5:29pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831 "2024-01-12T17:29:05Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [January 12, 2024, 5:29pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/1 "2024-01-12T17:29:05Z")

</div>

There are many methods to convert actual images (ex. PNG, JPG) to Arcade images, but is there any method for the other way around? (for example, I would like to generate images like [the ones in this directory](https://github.com/microsoft/pxt-arcade/blob/master/libs/device/projectiles/star.png).)

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [January 12, 2024, 5:48pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/2 "2024-01-12T17:48:10Z")

</div>

If you go to the assets page, you can right click on assets to save them as bitmap files. Then you can go online to convert them to PNG or whatever you need.

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [January 12, 2024, 5:50pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/3 "2024-01-12T17:50:18Z")

</div>

you can also use [https://shakao.github.io/arcade-sprite-pack/](https://shakao.github.io/arcade-sprite-pack/)

if you click the export button in the top-right, it has the option to export as pngs (and scale them up). this only works with images though, not animations/tilemaps/etc.

also, it somewhat annoyingly does each as a separate file (make sure you click the “allow multiple downloads” permission dialog that shows up.

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [January 12, 2024, 5:52pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/4 "2024-01-12T17:52:00Z")

</div>

if you have any specific export options you’d like to see, though, i could be persuaded to improve this feature.

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [January 12, 2024, 6:06pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/5 "2024-01-12T18:06:42Z")

</div>

Would it be possible to export animations into GIFs?

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [January 12, 2024, 7:20pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/6 "2024-01-12T19:20:02Z")

</div>

@Luke done! ![animation1](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/6/6ba86ef0bdefb954132593a0511dfc19de67783c.gif) ![animation0 (10)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/0/0f0ef0c840e08e5395d519821f1b68db999cb150.gif)

Same process as exporting images, just choose the gif option!

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [January 12, 2024, 7:26pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/7 "2024-01-12T19:26:46Z")

</div>

Wow, now I want to make a bunch of animated stickers!

---

<div class="post-metadata">

**Author:** ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)\
**Post date:** [January 12, 2024, 11:18pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/8 "2024-01-12T23:18:32Z")

</div>

@richard the site is broken for me…

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

---

<div class="post-metadata">

**Author:** ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)\
**Post date:** [January 12, 2024, 11:18pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/9 "2024-01-12T23:18:53Z")

</div>

Same, that’s sooo cool!!!

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [January 12, 2024, 11:24pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/10 "2024-01-12T23:24:59Z")

</div>

hmmm, not sure why that would be. maybe try clearing your browser data for this site? (be careful not to clear all your browser data, since that will clear your makecode projects too)

to do this in chrome:

1. open the dev tools
2. switch to the “Application” tab in the top bar
3. click the “Storage” item in the left hand side of the window
4. click “clear site data”

again, make sure you’re not on [arcade.makecode.com](http://arcade.makecode.com) when you do this

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [January 13, 2024, 12:10am UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/11 "2024-01-13T00:10:02Z")

</div>

@richard is there a way to change the colour palette ![animation0 (2)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/835afecdf95781bd3313882a320b62cb03c01fd5.gif)

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [January 13, 2024, 12:11am UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/12 "2024-01-13T00:11:08Z")

</div>

hmmm… try importing a project that uses the desired color palette and selecting “overwrite project” (this will overwrite your assets, sadly). the import button is next to the export

I’ll add something to set it manually…

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [January 17, 2024, 6:27pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/13 "2024-01-17T18:27:31Z")

</div>

It just seems to convert the colours to the makecode palette

---

<div class="post-metadata">

**Author:** ![pigpigeons\_r\_c00l](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/pigpigeons_r_c00l/32/12313_2.png) [@pigpigeons\_r\_c00l](https://forum.makecode.com/u/pigpigeons_r_c00l)\
**Post date:** [January 17, 2024, 6:34pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/14 "2024-01-17T18:34:49Z")

</div>

wow cute😍

---

<div class="post-metadata">

**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\
**Post date:** [January 17, 2024, 11:29pm UTC](https://forum.makecode.com/t/turning-arcade-images-into-actual-images/25831/15 "2024-01-17T23:29:16Z")

</div>

yeah, you’re right. well i’ll try and add support for this soon, but it’s a little more involved

this tool is on an old version of makecode and i’ll need to update it
