Today, we're diving into the Trace Image function - a new feature in XCS V1.4 that could convert bitmaps into vectors. The secret to achieving ideal results lies in how to manipulate 3 adjustable parameters: Threshold, Noise Ignorance, and Smoothness. In this guide, we'll walk you through each step, demystify what these parameters mean, and illustrate their effects with examples.

(To access this feature, please updated to XCS V1.4 HERE)

Start Image Tracing

Begin by importing a bitmap into XCS. Upon selecting the bitmap, an image editing panel will show on the right side of your canvas.

Click on the 'Trace Image' button to step into the trace editing interface. You'll notice a light blue vector line on your preview screen, while your source image appears faded.

Threshold

Threshold plays a pivotal role in adjusting the image's vector measurement. The default value is 100, but you can modify it anywhere between 0-255.

A larger value delivers a coarser color-distinguishing granularity, thus producing fewer vector lines. On the contrary, a smaller parameter results in a finer color-distinguishing granularity, leading to more intricate lines.

Refer to the image examples below to see the difference:

  Left: Threshold 255, Right: Threshold 0

Noise Ignorance

With the noise ignorance parameter, you can ignore any color block with less pixel value than your set number, preventing it from generating a vector path. The default setting stands at 50, with a total range from 0-100.

For a clearer comparison, see the following examples:

Left: Noise Ignorance 0, Right: Noise Ignorance100

Smoothness

The vector path is formed by incorporating lines together. However, since the bitmap's pixels are rectangular, it might form sharp angles at the vector path's inflection point. You can smooth out this angle by tweaking the smoothness parameter, resulting in a smoother, continuous vector line.

See the difference here:

Left: Smoothness 0, Right: Smothness 255

Images that are NOT Suitable for Tracing

1. Those with blurred outlines or colors that are similar to the background.
2. If an image has dense and vibrant colors, the software may struggle to generate accurate vector lines, causing failed vector generation.

A Step-by-Step Process

For bitmaps with rich colors and complex image elements, we suggest using the invert color function. This allows for more distinct vector lines.

More Examples and Parameter References for you:

That's it! You're now prepared to play with the Trace Image function in XCS. We're waiting to see the projects you create with this! Keep experimenting!