Image-to-Pixel

An editor that converts images to pixel art, add dither, set palettes, and more! Made entirely in p5js.

Use the editor online here: https://tezumie.github.io/Image-to-Pixel/

CONTROLS:

• upload image: select a file to upload.
• download image: this will download a true pixelated version of your edited image in the pixel size determined by the size input.
• upload palette: you can download hex files from lospec and upload them here, the file format must be ".hex". https://lospec.com/palette-list
• download palette: you can save your custom palettes by downloading them in hex format.
• select menu: choose a palette.
• "+": the plus sign allows you to add a new color to your palette.
• "🗑️": the trash can removes a color from the end of your palette, or removes the most recently clicked or edited color, indicated with a blue outline.
• size: how many pixels wide to set your image, the height will be calculated automatically by your image dimensions.
• dither amount: the total dither steps, increasing this could make the dither look less intense.
• dither style: select a dither style.
• posterize: this will limit the amount of colors in the image prior to pixelating it, causing the image to have more contrast, set to 20 for maximum effect.

This editor is a work in progress, if you have any feedback i would love to hear it <3

If you would like to support the project you can do so by sharing some art you make with the editor and tagging me on twitter @tezumies :)

• For more pixelating goodness try this wonderfully built full app you can use with more options, even animation!
• https://winterveil.itch.io/ditherdragon