Image to Low Poly Vector Art




Introduction: Image to Low Poly Vector Art

About: I'm a college student at GT that hangs around our campus makerspace a little too often

Use Inkscape to turn any image into low-poly art! This image will be a .svg filetype, and will be suitable for use with a vinyl cutter, laser cutter, or waterjet.

Step 1: Find an Image

Any image will work, although a more colorful image will produce a better final product. My butterfly has a transparent background, but an image with a background will work just fine. If you don't have Inkscape, download it here and drag the file into it.

Step 2: Create a Framework

To create the triangular looking image, Inkscape needs reference points. Those reference points will come in the form of small circles manually placed on the image.

Go to the left side of the workspace, and click on the circular icon to make a small circle. Using the bottom color palette, click on red to set the fill color of the circle. If "Stroke" has a colored box adjacent to it, hold down the CTRL key and click the red X on the far bottom left.

Using CTRL + C, copy the ellipse, and then paste it around your image. Dots that are closer together will create smaller, more detailed triangles, but will diminish the low poly look. If the image is symmetrical, add a divider in the center using the Bezier tool (F6) and holding CTRL to create a straight vertical line. If a line is used, there should be dots anywhere the image touches the line to prevent gaps.

Step 3: Generate Delaunay Triangulation

To create the framework, Inkscape uses a plugin that generates a path between objects.

Make sure to save before this step! Using the selection tool, drag a selection box over all of the dots (but not your image), then go to the drop down menu "Extensions", "Generate From Path", and "Voronoi Diagram". This will open a menu, where "Delaunay Triangulation" should be selected from "Type of diagram". Upon clicking apply, Inkscape may freeze up for a moment, but should return with a latticework of lines overlaid on the initial image.

Use shift to select the image, lines, and center line if applicable, and drag them off of the red dots.

If your image was mirrored, copy the triangulation and use the "Flip" tool at the top of the screen to create a mirror. Drag this over onto the image. For the next step, select both triangulations.

Step 4: Clean Up Lines

The program used to generate the lines only looks at the dots, and can't tell when a line is over a gap in the image.

Select all of the triangles overlaid on your image. If they're difficult to see, hold SHIFT and click a color on the bottom palette to change it to something more visible. Next, go to the top menu, and under "Object" click "Ungroup". Now, after deselecting all of the triangles, individual triangles can be clicked on and deleted. Zoom in on the image and clean out any messy triangles.

Step 5: Set Colors

From here, the colors will be set using Inkscape's color picker tool.

Make sure all of the red dots from the previous step are deleted before this step. Zoom into the image and select a single triangle. Activate the color picking tool with F7, and click on the primary color of the triangle. The entire triangle will change to match that color. Next, press TAB to automatically move to the next image, and click to select the primary color. Repeat this for the rest of the triangles, pressing TAB after each triangle to move to the next. If a triangle is skipped accidentally, SHIFT + TAB can be used to go in reverse order.

After all the colors are set, highlight the entire image, hold SHIFT, and click the small red X in the bottom left of the screen. This will eliminate the lines, leaving a multicolored low-poly image. Delete the initial image and center line, and your low poly art is complete!

Step 6: Optional: Add Gaps for Vinyl Cutting

To add gaps in the triangulation, select the entire image and use the corner arrows to size it up to significantly larger than the page. Then, use CTRL+ 9 to shrink all the triangles slightly. For wider gaps, make the resizing smaller before using CTRL+9, and make the resize bigger for thinner gaps.

Makerspace Contest 2017

Participated in the
Makerspace Contest 2017

1 Person Made This Project!


  • Electronics Contest

    Electronics Contest
  • Make It Modular: Student Design Challenge

    Make It Modular: Student Design Challenge
  • Tinkercad to Fusion 360 Challenge

    Tinkercad to Fusion 360 Challenge



4 years ago

This turned out really nice, I'm going to use it to make a wallpaper. one thing that i found is that Inkscape has a known issue where objects that are exactly touching get a gap rendered between them by the anti-aliasing engine, the easiest fix if you dont have transparency is to doplicate them by doing Copy and then Paste in Place.

DIY Hacks and How Tos

That looks really cool. It would be kind of interesting to see how few polygons you can use to represent something.


Reply 4 years ago

Given that a polygon is anything with 3 or more sides and angles, I'd say you could represent a majority of things with just 1 polygon. It becomes much trickier, though, when you're using regular polygons.