SVG Tracer

SVG Tracer is a tool for creating scalable vector graphics (SVG) from images of packaging templates, crease patterns, and more!

It works best on desktop, so open it on a larger screen to get started.

You can read more about how to use SVG Tracer and how it works on Medium.

SVG Tracer

Create a scalable vector graphic (SVG) from images of packaging templates, crease patterns, and more!

This app does its best to separate solid and dashed lines from your image to create an SVG with two separate paths (cutting and scoring) in preparation for sending your design to a CNC machine (laser cutter, vinyl cutter, plotter, etc).

To use, follow these general steps:

  1. Take a photograph of the diagram you want to process.
  2. Use software like Preview to improve the contrast and remove any extraneous artifacts so that your bitmap contains only the lines you want to convert to SVG.
  3. Upload the cleaned image to SVG Tracer
  4. Export the SVG from the output of SVG Tracer and send it to your cutter!

Notes:

The tracer works best when your image is monochrome (black and white) and all lines are as black as possible. Crop your image so that the contents span the width of the image.

For more about how to use SVG tracer, see full instructions on Medium.

Input

Upload a bitmap image containing only the solid and dashed lines you want to convert to SVG paths.

(As an example, try uploading this image for a curved box)

Output

Original SVG
Cut Path
Score Path