Low-poly effect on a photo
Convert a photo into a low-poly geometric illustration, made of triangles colored by the average hue of the area they cover. Adjust the grid fineness and point irregularity to vary the style.
How it works
The image is covered with a grid whose points are randomly offset slightly, forming quadrilaterals that are then split into two triangles. Each triangle is filled with the average color of the pixels it covers on the original image, recreating a simplified, geometric version of the photo.
Why use a grid rather than a true Delaunay triangulation?
A full Delaunay triangulation requires a dedicated library and heavier computation. The jittered (randomly offset) grid gives a visually very similar result, with evenly sized triangles and much more predictable computation time, entirely in the browser.
Which setting gives the most stylized result?
A wide grid (10 to 20 columns) with high irregularity (60 to 90%) gives a very abstract, graphic result. A fine grid (40 to 60 columns) with little irregularity comes closer to the details of the original photo.
Splitting into triangles and computing average colors happens entirely in your browser: no image is sent to a server.