Convert Your Images

Turn PNG images into MakeCode Arcade img literals and .jres entries, or convert between the two formats.

PNG to MakeCode Image

Convert a PNG into MakeCode Arcade img literals and .jres entries while preserving indexed colors. Use the default 16-color palette, paste a pxt.json palette, or embed your palette in the top row of pixels. Can also slice a sprite sheet into an animation image array.

img to .jres

Convert a MakeCode Arcade img`…` literal into a .jres entry (image/x-mkcd-f4, base64) for images.g.jres, with a live pixel preview.

.jres to img

Decode a base64 .jres image data string back into a MakeCode Arcade img`…` literal you can paste into TypeScript, with a live pixel preview.