Image to SVG

A JPG or PNG is a grid of colored squares. Enlarge it and the squares grow, so edges turn soft or blocky. A vector file describes the picture as shapes instead: a curve from this point to that point, filled with this color. Printing a vector logo on a business card or on the side of a van uses the same small file, and the edges are crisp at both sizes, because the shapes are drawn fresh at whatever size is needed.

Converting pixels to shapes is called tracing. The tool groups neighboring pixels of similar color into areas, follows the edge of each area, and replaces that edge with a smooth or straight path. The result is an SVG, EPS, AI, DXF or PDF made of real paths you can recolor, scale and edit point by point in a vector editor. This is different from simply saving a picture as SVG, which wraps the pixels in a vector container but keeps them as pixels.

Vectors bring practical benefits beyond sharpness. A designer can change a traced logo's color in seconds by selecting one shape, a sign maker can scale it to any width without asking for a bigger file, and a website can show the same SVG on a phone and a large monitor at full crispness. Simple vector files are also often lighter than the PNG they came from, since a few curves take fewer bytes than a grid of pixels.

SVG itself is an open standard from the W3C, written as plain text that browsers, design tools and cutting machines all read. The current version is SVG 2.

Tracing works by finding edges between areas of color. The fewer and clearer those areas are, the better the result. A two-color logo becomes a handful of clean shapes that look exactly like the original. A photo has millions of slightly different colors and almost no hard edges, so the tracer either produces a few flat patches that lose the likeness or thousands of tiny shapes that make a huge file and still do not look photographic.

The quality of the source matters a lot. Use the largest, cleanest version of the artwork you have. A logo saved as a small JPG has gray halos and blocky noise around its edges from compression, and the tracer faithfully turns that noise into wobbly outlines. If the only copy is a photo of a printed logo, crop it tightly first with Crop Image, and take the picture straight on in even light so the colors are flat. A PNG exported from the original design is always the better starting point.

Resolution helps up to a point. A logo a few hundred pixels across gives the tracer enough edge information to follow curves smoothly; a tiny favicon-sized image does not, and its curves come out lumpy. If the only file you have is small, enlarging it first will not add real detail, but turning Smoothing up compensates for some of the jaggedness. Scans should be made at a reasonable resolution, with the brightness set so the paper is white and the ink is solid.

Lettering is a special case. Large, bold text traces well; small body text in a screenshot becomes blobs. If you need the words themselves rather than their shapes, use Image to Text instead, which reads the characters.

Color mode sets how the picture is split into areas. Black & white gives the cleanest result for logos in one color, signatures, stamps and line art; Threshold (1 to 254, 128 by default) decides which pixels count as black. Lower it if thin lines disappear, raise it if shapes come out blotchy. Color and Grayscale trace each color or shade as its own shape, and Number of colors (2 to 64, 16 by default) caps how many there are. Match it to the artwork: a three-color logo traces best at three or four colors, an illustration may need 16 to 32.

Detail (1 to 100, 60 by default) controls how small a shape may be before it is dropped. Higher values keep specks and fine texture; lower values clean up noise from scans and JPG artifacts. Smoothing (0 to 100, 50 by default) rounds off jagged edges that come from low-resolution input, while lower values keep sharp corners. Curves chooses the kind of path: Smooth curves for most images, Straight lines for geometric logos built from polygons, and Pixel edges to keep pixel art blocky on purpose.

Three switches finish the job. Remove background drops the largest shape that touches the edges, usually a white page, so the vector has a transparent background. Optimize SVG is on for SVG output and rounds coordinates and merges paths, which makes the file much lighter with no visible change. Outlines only exports every shape as a line without fill, which is what plotters, vinyl cutters and laser cutters follow as a cut path. For PDF input, PDF pages picks which pages to trace, and each one becomes its own file.

Tracing is rarely perfect on the first pass. Run it once with the defaults, look at the result zoomed in, and change one setting at a time: colors first, then detail, then smoothing. A trace that looks right at the size you need is finished, even if a designer could still tidy a few points by hand.

Expect to finish complex jobs in a vector editor. A traced logo may have one or two shapes that merged where they should be separate, or a tiny stray speck in a corner. Both are quick fixes in Inkscape or Illustrator, and the trace has already done the slow part: turning every edge into editable paths. Keep the original raster file as well, since you may want to trace it again later with different settings for another use.