Photo to line art: get an SVG whose line width you can still change

You have a photo of a pet, a house, a product or a person, and you want it as clean line art. Plenty of apps can do photo to line art. The catch shows up later: you open the SVG, try to make the lines a bit thicker for print, and nothing happens. The "lines" are actually thin filled shapes, so there is no line width to change.

This guide shows how to get from a photo to an SVG built from real strokes, so line width, color and dashes stay adjustable after generation.

Why most line art SVGs lose their line width

An SVG can draw a line in two very different ways, described in the W3C SVG painting spec:

• A stroke is a path with a thickness setting. Change one number and every line gets thicker or thinner. Color and dash patterns work the same way.
• A fill paints the inside of a closed shape. A thin filled shape can look exactly like a line, but its width is baked into its outline. Making it thicker means redrawing it.

Left: a stroke, where widening works. Right: a filled outline, where there is no width to change.

Most image tracers produce fills, because they trace the edges of dark areas in the picture. Converting those fills back into single lines is hard even for experienced designers; see this Adobe community thread on turning a filled shape into a single line. Some tools say plainly that they have no centerline tracing at all, such as Vectorizer.AI's output options. That is why it pays to get strokes from the start.

Pick the right photo

A photo is full of information a line drawing does not need: texture, soft shading, background clutter. The easier you make it to see the subject's edges, the cleaner the lines.

Good photos for line art share a few traits:

• One clear subject, filling most of the frame.
• Plain background, like a wall, sky or sheet of paper.
• Even light without harsh shadows cutting across faces or objects.
• Sharp focus on the edges you care about, such as eyes, a roofline or a product outline.
• PNG, JPG or WebP, 3 MB or smaller.

Busy scenes, backlit subjects and heavy shadows tend to produce patches of filled shapes rather than lines. If a photo has all of those, crop it first or choose a different shot.

From photo to editable line art, step by step

1. Open Photo to line art. You can try it in the free workspace demo without signing in.
2. Choose Editable lines as the output type. This asks for real SVG strokes.
3. Crop and upload your photo. Crop tightly around what you want drawn.
4. Generate and watch the SVG stream onto the canvas. The credits for the generation are shown next to the button.
5. Read the label. "Editable lines · 92%" means nearly everything is a real stroke. "Contains filled shapes · 20% lines" means the picture was mostly traced as fills.
6. Redraw if needed. LineSVG traces uploads faithfully, so photos with lots of dark or solid areas often stay filled. If there are no strokes, press Redraw as lines to rebuild the image as line art. It costs the same credits as a text generation.
7. Test the width. Drag the stroke width slider. Lines that thicken are strokes you can style freely.
8. Style and export. Set width, color and dashes, then download SVG or PNG, copy the SVG code, or save the edits as a new version in My creations.

A bicycle traced from an image: 91% of the result is real strokes.

What you can change after generation

Once the lines are strokes, the sliders give you real control without regenerating:

• Stroke width. Go thin and delicate for a wedding invitation, or heavier so a coloring page or small print stays readable.
• Stroke color. Match a brand color, or switch from black to a soft grey.
• Dashes. Useful for cut-here guides, stitching looks or playful styles.

The path itself does not move when you use these controls, so the drawing's shape stays the same. Tiny solid accents, like a pupil or a small dot, may remain fills; they are meant to stay solid.

If you are heading to a machine, turn on Pure lines (for machines) under Editable lines. It forbids any filled element, which is what pen plotters and Cricut pens need. The guide to single line SVGs for Cricut pen, foil and score covers that workflow.

Tips when the result is not quite right

• Too many filled blobs: crop out dark backgrounds and shadows, or use Redraw as lines.
• Lines look doubled: thick edges in the photo were traced on both sides. Redraw as lines, or start from a photo with less contrast in those areas. The post on strokes, outlines and fills explains why this happens.
• Missing details: a sharper, closer crop helps small features like eyes or text survive.
• You already have a drawing, not a photo: use Sketch to SVG instead, and see how to prepare a better source drawing.
• You would rather describe it: type a description in the Line art generator and generate strokes from text.

Turn your photo into line art

Line art is only half done if you cannot adjust it. Choose Editable lines, feed in a clean photo, and check that the width slider moves your lines. Start with Photo to line art, try One line drawing for a continuous-line portrait style, or compare plans on the pricing page.