🏠

Posterize

Posterize is the process of reducing the number of colors in an image to a smaller number of representative colors. In this demo, we will use a simple algorithm to reduce the number of colors in an image. The algorithm will be based on the k-means clustering algorithm. It also transforms the image to the Cie-LAB color space to calculate the distance between colors.
You can also analyze the colors in the image and plot them on a canvas or in a 3d plot. Lowering the resolution slider to <0.5 is recommended when analyzing the colors in the image on a 3d plot.
After posterizeing the image, the colors can be split into layers and then converted to an svg (using potrace).

For this demo, we will use the following image:

Provided by Lorem Picsum. [↻]

Analyze: Color-Split & SVG

posterize and color-split the image first

Analyze: Outline & SVG

posterize and color-split the image first

Analyze: Plot

rgb

lab

Analyze: Canvas

rgb

lab