Node.js library to convert raster images to svg using VTracer, with time complexity of O(n).
clk: ~5.11 GHz cpu: Intel(R) Core(TM) i7-14700K runtime: node 22.12.0 (x64-win32) benchmark avg (min … max) p75 p99 (min … top 1%) ------------------------------------------- ------------------------------- @neplex/vectorizer 543.89 µs/iter 542.50 µs ▆█ (517.20 µs … 778.50 µs) 719.00 µs ▃██▅▂▂▂▂▁▁▁▁▁▁▁▁▁▁▁▁▁ imagetracerjs 2.54 ms/iter 2.61 ms ▃█▃▂▄ (2.38 ms … 4.09 ms) 2.93 ms ██████████▄▅▄▅▂▂▁▁▁▂▁ summary @neplex/vectorizer 4.67x faster than imagetracerjsSee benchmark for more details.
npx @neplex/vectorizer ./raster.png ./vector.svgUse --help to see all available options.
npm install @neplex/vectorizerimport { vectorize, ColorMode, Hierarchical, PathSimplifyMode } from '@neplex/vectorizer'; import { readFile, writeFile } from 'node:fs/promises'; const src = await readFile('./raster.png'); const svg = await vectorize(src, { colorMode: ColorMode.Color, colorPrecision: 6, filterSpeckle: 4, spliceThreshold: 45, cornerThreshold: 60, hierarchical: Hierarchical.Stacked, mode: PathSimplifyMode.Spline, layerDifference: 5, lengthThreshold: 5, maxIterations: 2, pathPrecision: 5, }); console.log(svg); // <svg>...</svg> await writeFile('./vector.svg', svg);If you want to use a synchronous API, you can use vectorizeSync instead.
Takes an image buffer and returns a promise that resolves to an SVG string.
Takes an image buffer and returns an SVG string synchronously.
Takes a raw pixel data buffer and returns a promise that resolves to an SVG string.
Takes a raw pixel data buffer and returns an SVG string synchronously.
Generated under the following configuration:
{ colorMode: ColorMode.Color, colorPrecision: 8, filterSpeckle: 4, spliceThreshold: 45, cornerThreshold: 60, hierarchical: Hierarchical.Stacked, mode: PathSimplifyMode.Spline, layerDifference: 6, lengthThreshold: 4, maxIterations: 2 }| Raster Image (PNG Input) | Vector Image (Generated SVG) |
|---|---|
 CC-BY-SA 3.0 by Niabot |  CC-BY-SA 3.0 by Niabot |