VS Code extension

Raster in, SVG out

Vectoriser converts raster images (PNG, JPG, BMP) into scalable SVG files without leaving the editor.

Right-click an image, tune the trace in a panel with a live preview, and save the SVG beside the original.

Source code

What it does

From the Explorer

Right-click one or more images and choose Trace to SVG.

Image compositing

Select several images to stack them, centred, into a single trace.

Live preview

See the SVG change as you adjust each setting.

Colour or mask

Trace in colour, or as a monochrome mask.

Fine tuning

Colours, stacking, threshold, speckle (noise) removal, smoothness and curve optimisation.

Path overlay

Toggle between source and result, or draw the vector paths in red over the original to compare.

How to use it

  1. Open the Explorer in VS Code (1.104 or later).
  2. Select one or more images: .png, .jpg, .jpeg or .bmp.
  3. Right-click and choose Trace to SVG….
  4. Adjust the settings in the Vectoriser Settings panel.
  5. Click Save SVG: the file is written next to the source image.

Build it

Node and pnpm come from mise. Press F5 in VS Code to run it in a development window, or package it and install the .vsix from the Extensions view (… → Install from VSIX).

mise install
pnpm install
pnpm compile
pnpm package    # vectoriser-*.vsix

Privacy

The extension runs entirely inside VS Code. The image you choose is traced on your machine (sharp and imagetracerjs) and the SVG is written beside it. It makes no network requests and keeps no telemetry or settings of its own.

This page stores only your light or dark choice, whether you hid the intro, and your answer to the notice, all on this device.