Vectorizer Plugin

A CE.SDK plugin that converts raster images into scalable SVG vector graphics, running the conversion entirely in the browser with no server processing required. The output is a vector path representation of the input image that can be scaled to any size without quality loss, unlike a raster image, which degrades when enlarged beyond its native resolution.

The plugin uses the @imgly/vectorizer library for browser-based conversion and integrates with CE.SDK through the standard Plugin API. Once added, it registers a vectorize button in the Canvas Menu for selected image blocks. Clicking the button triggers the conversion and replaces the raster image block with a vector cutout block in the scene.

Logo and Brand Mark Conversion

Logos uploaded as raster images (JPEG, PNG) are converted to vector paths, making them scalable across output formats and sizes without quality loss. A logo that looks crisp on a business card must also look crisp on a billboard; vectorization ensures the same file works for both without relying on a high-resolution raster source.

Product Cutout Creation

A product photo converted to a vector cutout produces a clean, scalable silhouette that can be repositioned, recolored, or composited against any background. Useful in print-on-demand, merchandise design, and mockup workflows where the product shape needs to work across multiple template layouts.

Illustration Path Extraction

Flat or graphic illustrations converted to vector paths become individually editable shapes within the CE.SDK editor. Designers can select, recolor, or reposition individual paths rather than treating the illustration as a flat raster image.

Print-Ready Outline Generation

For die-cut printing, sticker production, or laser cutting, a vector outline of an image is required rather than a raster approximation. Vectorization extracts the contour as a scalable path that production systems can interpret directly.

Automated Cutout Workflows

In headless or server-side automation, the plugin supports programmatic cutout creation: generating vector cutout blocks from source image blocks without any user interaction, as part of a batch processing or template population pipeline.

Timeout

Defines the maximum processing time in milliseconds before the operation is abandoned. Useful for limiting how long the editor waits on complex images.

Grouping Threshold

Controls the maximum number of vector paths generated before they are automatically combined into a single shape. Lower values reduce the number of individually selectable path elements in the result, preferable when the output will be used as a single design element rather than as an editable path collection.

Pre-Existing Vector Extraction

When enabled, the plugin extracts existing vector information from shapes and SVGs without re-tracing them, using any pre-existing path data rather than running the full rasterization-to-vector conversion. This is faster and produces cleaner results for assets that are already vector-based.