Traces a connected raster image into a layered SVG with a chosen color budget, optional background removal and edge crop, and lets you copy, download, or save the vector to assets.
Where: canvas → left rail → Add → Image → Vectorize — Connect an image, pick a Method, click Vectorize
Key ideas
- Method = color budget: The Method dropdown sets how many colors the tracer keeps: Detailed (12 colors), Simplified (6), or Flat (3) — fewer colors give a cleaner, more poster-like vector.
- Pre-clean toggles: Remove Background runs the local cutout before tracing, and Crop Edges trims transparent padding, so the SVG focuses on the subject.
- Dual output: image_out carries both the rendered image and the SVG markup; from the result ⋯ menu you can Copy SVG, Save to Assets, Download SVG, or Download Image.
- Vectorize card: VectorizationNode uses the generic shared-card path. Convert a raster image to a versioned SVG with detail and cleanup controls.
- Properties sidebar: editNodes.tsx
- Opened surfaces: SVG preview; image lightbox; Add to canvas; Paste to Replace
Steps
- Add a Vectorize node and connect an image into its left Image handle.
- Expand the node and set the Method (Detailed / Simplified / Flat), then optionally enable Remove Background and Crop Edges.
- Click Vectorize; the traced SVG renders in the node over a transparency checker.
- Hover the result and open the ⋯ menu to Copy SVG, Save to Assets, or Download — or wire image_out into a downstream node.
Vectorize controls and presets
- Add path: Flowgen → Add → Image & Vector → Vectorize.
- Card: VectorizationNode.
- Properties: editNodes.tsx.
- Controls: Detailed/Simplified/Flat; remove background; crop; versions.
- Opened surfaces: SVG preview; image lightbox; Add to canvas; Paste to Replace.
FAQ
What's the difference between the three Methods?
They cap the traced palette — Detailed keeps 12 colors, Simplified 6, and Flat 3. Lower counts produce simpler, flatter shapes ideal for logos and icons.
Can I edit the vector after tracing?
Use Copy SVG or Save to Assets to bring the markup into the editor; the node itself only produces the SVG, it doesn't re-edit it.