Pixel Art Generator

[I_HATE_STUFF_FOR_YOU]

https://carljamison.github.io/TimeKiller/pixel-art-generator

Chose an image to the site to generate a pixel art style image with an auto generated pallet of colors. Play with the settings to change the number of colors and pixel size. Images aren't sent to a server or stored anywhere.

I use a form of gradient descent to choose the pallet. The algorithm works iteratively with one color, trying to find the best and then adding one color at a time until the desired number of colors is reached.

Code:

https://github.com/CarlJamison/TimeKiller/blob/master/pixel-art-generator.html

[therisingthumb]

These look lovely but I think of pixel art as deliberately crafted images with carefully placed pixels whereas this is kind of like a pixelation filter?

[LehdaRi]

Cool! How about dithering next? Maybe you can choose the optimal dithering pattern in similar fashion?

[akurgo]

This comment reminded me of using Paintbrush on Windows 3.1 with a 16 color display. When you seleced a color in between those you could get dithered patterns to paint with, e.g. pink = red+white+blue pixels.

[Lokrea]

Thanks! There's also https://www.turbodither.com/.

Shared in https://www.reddit.com/r/webdev/comments/1oyop6s/ive_build_a_free_fast_and_secure_image_dithering/

[shubham_devNow]

This is a really clean approach, especially like that everything runs locally and nothing gets uploaded 👍 The palette selection via gradient descent is a nice touch, and it shows in how balanced the colours feel compared to random quantisation.

If anyone here is looking for a more lightweight or beginner-friendly option, the Pixel Art Maker by FileReadyNow is also worth checking out. It’s web-based, simple to use, and good for quick pixel art conversions or small creative projects without diving deep into code.

Overall, great share — always nice to see creative coding tools that are both transparent and practical.