MakeCode Games!

A fan-made community library of MakeCode Arcade games. Visit MakeCode Arcade to make a game!

← All image converters

PNG → MakeCode Image

Convert a PNG into MakeCode Arcade img literals and .jres entries for use in Visual Studio Code.

Use the built-in 16-color MakeCode Arcade palette.

Drop a .png file here, or click to browse

To bring the img into your game in the MakeCode editor:

  1. Copy the img string.
  2. Switch to JavaScript and type let theImage = then paste.
  3. Switch back to Blocks — you'll see the new image and can save it from there.

The .jres output is only needed for Visual Studio Code projects — paste it into images.g.jres.

Preview