Skip to main content
Trace rasters to SVG paths or rasterize stored SVGs — on the same CDN URL as photos. Vector tracing uses the same engine as the converter and dashboard vectorize tool.
Doc previews use a simple styled canvas (trim, pad, bg, border) without rounded corners. For production vector output, request format=svg&vectorize=gradient on a trimmed icon with a solid background — avoid tracing decorative borders into the SVG.
Convertly logo on a styled lavender canvas via CDN

Logo on a lavender canvas — trim=1&pad=48&bg=f8f3ff&border=8.

Monochrome Convertly logo on a styled dark canvas via CDN

Monochrome logo variant — sat=0 on a dark canvas with purple border.

Vector tracing works best on flat icons and logos with clear edges. Gradient wordmarks and photos produce heavier paths — use colour trace for icons, or stick with raster formats for photos.

​
Raster to SVG (vectorize)

Set format=svg and enable tracing with vectorize=gradient (or trace=1). The CDN runs resize, crop, and adjustments first, rasterizes internally, then traces to SVG paths.
Combine with sizing and canvas params:

​
SVG sources (sanitize & rasterize)

When the stored file is SVG, Convertly can rasterize it to WebP, AVIF, JPEG, or PNG. Before processing, unsafe markup is stripped by default — scripts, event handlers, foreignObject, and javascript: links.
Passthrough: a bare SVG URL with no transform params redirects to a signed download of the original file. Add at least one transform (w, format, preset, etc.) to rasterize. To re-trace an existing SVG, use format=svg&vectorize=gradient on the SVG source.

​
Recolouring SVGs

​
svgColor — path recolour before rasterize

Set svgColor=RRGGBB (or svg-color, # optional) on SVG sources. The CDN replaces explicit fill and stroke values — not none or url(...) — then rasterizes to your requested format.
Best for single-colour icons and logomarks stored as image/svg+xml. Multi-fill artwork or gradient logos flatten to one colour. Raster sources (PNG/WebP) ignore svgColor.
Original SVG icon colours before svgColor

Single-colour SVG source — original #374151 fill on white (pad=48&bg=ffffff).

SVG icon recoloured to brand purple via svgColor

svgColor=9000ff — brand purple.

SVG icon recoloured to teal via svgColor

svgColor=0d9488 — teal accent.

SVG icon recoloured to coral via svgColor

svgColor=e11d48 — coral accent.

SVG recolor before and after side by side

Original (left) vs ?svgColor=9000ff (right) — same SVG, one URL param.

Combine svgColor with trim, pad, and bg for app icons and nav marks without editing the source file:

​
Other approaches

Palette extraction for SVG sources works via CDN ?palette=json (after rasterize) or POST /api/images/analyze. See Smart cropping & image analysis for swatch fields and palette previews.
Last modified on July 17, 2026