Inkscape tutorial: Tracing bitmaps

Inkscape

Tutorial | Tracing bitmaps

One of the features in Inkscape is a tool for tracing a bitmap image into one or more <path> elements for your SVG drawing. These short notes should help you become acquainted with how it works.

Teña en conta que o propósito do Vectorizador non é reproducir un duplicado exacto da imaxe orixinal; está pensado para producir un producto final. Ningún vectorizador automático pode facer iso. O que fai é darlle un conxunto de curvas que pode usar coma un recurso para o seu debuxo.

Our tracer, derived from the original Potrace library by Peter Selinger, interprets a black and white bitmap, and produces a set of curves. For Potrace, we currently have three types of input filters to convert from the raw image to something that Potrace can use.

Xeralmente, canto máis escuros sexan os pixels na imaxe intermedia, máis vectorización realizará Potrace. Coma a cantidade de vectorización aumenta, requerirase máis tempo de CPU, e o elemento <path> será máis grande. Suxírese que o usuario experimente con imaxes intermedias máis claras primeiro, probando gradualmente con imaxes máis escuras para obter a proporción e a complexidade do camiño de saída desexados.

To use the tracer, load or import an image, select it, and select the PathTrace Bitmap item, or Shift+Alt+B.

The user will see the five filter options available:

  • Brightness Cutoff

Isto simplemente usa a suma do vermello, o verde e mailo azul (ou escala de gris) dun pixel coma un indicador de se debe ser considerado negro ou branco. O limiar pode establecerse dende 0.0 (negro) a 1.0 (branco). Canto maior sexa o valor do limiar, menor será o número de pixels considerados coma "branco", e a imaxe intermedia será máis escura.

  • Edge Detection

Isto usa o algoritmo de detección de bordos ideado por J. Canny coma un xeito de atopar rápidamente isoclinas de contraste similar. Isto producirá un mapa de bits intermedio que se parecerá menos á imaxe orixinal que o resultado do «Limiar de brillo», pero probablemente proporcionará información de curvas que de outro xeito se ignorarían. A opción de limiar de aquí (0.0 – 1.0) axusta o limiar de brillo para determinar se un píxel adxacente a un bordo de contraste se vai incluír na saída. Esta opción pode axustar a escuridade ou o grosor do bordo da saída.

  • Redución de cores

O resultado deste filtro producirá unha imaxe intermedia que é moi diferente das outras dúas, pero que é moi útil. En vez de mostrar isoclinas de brillo ou contraste, isto atopará os bordos onde cambian as cores, incluso con igual brillo e contraste. A opción «Número de cores» decide cantas cores haberá na saída se o mapa de bits intermedio está a cor. Tamén decide branco/negro dependendo de se a cor ten un índice par ou impar.

O usuario debe probar os tres filtros, e observar os diferentes tipos de saída para os diferentes tipos de imaxes de entrada. Sempre haberá unha imaxe na que un funciona mellor cós outros.

After tracing, it is also suggested that the user try PathSimplify (Ctrl+L) on the output path to reduce the number of nodes. This can make the output of Potrace much easier to edit. For example, here is a typical tracing of the Old Man Playing Guitar:

Note the enormous number of nodes in the path. After hitting Ctrl+L, this is a typical result:

A representación é un pouco máis aproximada e angulosa, pero o debuxo é moito máis fácil de editar. Teña en conta que o que vostede quere non é unha vectorización exacta da imaxe, senón un conxunto de curvas que poida usar no seu debuxo.

  • Autotrace

The Autotrace option uses a different algorithm for tracing and also offers some other parameters to tweak. It may take a little longer to work, but gives you some variety to choose from.

  • Centerline tracing (autotrace)

If you would like to vectorize a line drawing, and get strokes that are easy to modify instead of filled areas as a result, use this option. It will attempt to find contiguous lines that make up your drawing.

Authors: Bulia Byak; Jonathan Leighton; Colin Marquardt; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: Leandro Regueiro — 2007; Proxecto Trasno —

Header / footer design: Esteban Capella — 2019