Photo to SVG: Convert a Phone Photo Into a True-Scale Vector

A practical photo-to-SVG workflow for makers who need a measured vector outline, not a hand-redrawn approximation.

When photo to SVG needs scale

Most image tracers can create a vector-looking outline, but they do not know the real size of the object. For workshop work, scale is the difference between a useful template and a drawing that only looks right on screen.

ShapeScan uses the printed marker sheet to turn a phone photo into a measured outline that can be exported as SVG for editing, laser layout or CAD cleanup.

A measured SVG is especially useful when the object already exists and redrawing it would be slower than capturing it. Examples include a replacement cover, a one-off bracket, a foam cutout, a camera accessory plate or a template for checking fit on a physical assembly.

• Use this for flat objects and visible outside contours.
• Use a normal image tracer only when real size does not matter.
• Check the overlay before trusting the exported SVG.

Prepare the photo

Put the part flat on the marker sheet and keep all markers visible. Shoot from above with soft light, avoiding hard shadows and reflections on the edge.

The cleaner the edge is in the photo, the cleaner the SVG will be. A retake is usually faster than repairing a noisy vector.

Use contrast deliberately. A dark part on a dark bench, clear plastic on white paper or polished metal under a direct lamp will all make the edge harder to separate. Changing the light or the object angle before capture is usually more reliable than trying to rescue the path later.

• Keep the sheet flat.
• Do not crop marker corners.
• Make the object edge clearer than its shadow.

Generate and review the SVG outline

Upload the photo, process the outline and inspect the preview. Look for missing notches, false holes, rounded corners and areas where background texture entered the path.

If the preview is wrong because the image is ambiguous, retake. If the preview is close, export SVG and do the remaining cleanup in your vector editor.

The SVG path should be treated as a starting point for the real job. After export, remove accidental islands, simplify only where it does not change fit, and keep a copy of the original file so you can compare edits against the scan.

• Review small details at zoom.
• Use hole detection only when holes are real.
• Retake before doing heavy node editing.

Use SVG where it fits best

SVG is useful for vector cleanup, laser cutting layouts, labels, templates and simple design handoff. It is also easy to inspect visually before converting to another format.

If the next tool expects CAD geometry, export DXF instead or convert the SVG carefully after checking units.

When importing SVG into another tool, watch for unit assumptions. Some software treats SVG dimensions differently, so one known measurement is a necessary check before toolpaths, offsets or print settings are added.

• Use SVG for vector editing and laser layouts.
• Use DXF for CAD/CAM handoff.
• Measure a known feature after import.

Avoid common photo-to-SVG mistakes

Do not photograph at a steep angle and expect scale to stay reliable. Do not let glare, labels, holes or shadows create false paths. Do not assume an SVG import kept the same units until you measure it.

The workflow is strongest when capture, preview review and one cheap physical test are all part of the process.

If the output will become a laser-cut template, test the path on inexpensive material first. If it will become a CAD reference, lock the imported outline or trace over it intentionally so later constraints do not move the scan without notice.

For repeat jobs, name the exported SVG with the material, scale check and intended use. That habit makes it easier to compare versions, return to the original capture and avoid sending an untested outline to a laser cutter or CNC workflow by mistake.

• Fix lighting before upload.
• Check import units.
• Make a cheap test before final material.