How to convert a PNG logo scan to SVG

You can convert a PNG logo scan to SVG with an online converter or the tracing feature in a vector editor. Either one detects the shapes in the pixels and redraws them as vector paths. Speed is rarely the problem. Quality is: a scan carries paper texture, blur, skew and color shifts, and automatic tracing copies those flaws into the paths. For a logo that will be reused at many sizes, treat the automatic result as a draft. You will need to clean it up, or redraw it by hand over the scan, before it becomes dependable artwork.

Key terms

• Raster image: a grid of colored pixels, such as a PNG or a scan. Enlarging it makes the edges blocky or blurry.
• Vector graphic: artwork defined by geometric paths, so it can be scaled to any size without losing sharpness. SVG is a common vector format.
• Tracing (vectorizing): automatically turning the edges found in a raster image into vector paths.
• Paths, anchor points and Bézier curves: a path is the outline of a shape. Anchor points, also called nodes, mark where segments start and end. Bézier curves are curved segments whose shape is set by handles on those points.
• Outlined text: lettering converted into ordinary shapes, so the logo no longer depends on a font being installed.

An .svg file is not automatically vector artwork

An SVG file can contain a raster image instead of paths. Some converters, and some “save as SVG” options, simply wrap the original PNG inside the SVG. The file then has the right extension but is still pixels underneath, and it will blur when enlarged. The extension also tells you nothing about how editable the file is, or whether you are allowed to reuse the logo. Always inspect the result using the checks later in this guide.

Choosing an approach

Approach | Best suited to | Typical drawbacks

Free online PNG-to-SVG converter | Quick drafts, simple high-contrast marks, one-off needs | Few settings, uneven edge quality, uploads your file to a third party, limits and terms vary by service

Tracing in a desktop vector editor | Scans that need tuned settings and path cleanup afterward | Still copies scan defects; output needs manual refinement

Manual redraw over the scan | Brand logos needing clean geometry, true curves and accurate type | Takes longer and needs vector drawing skill

No pricing, feature limits or quality comparisons for specific online converters were available for this guide. Check any service’s current terms, file-size limits and privacy policy before uploading. This matters most when the logo belongs to a client or has not yet been published.

Before you start

• Confirm you have the right to reproduce and modify the logo. Converting a file does not grant permission to use it.
• Ask whether an original vector master already exists from the designer, printer or brand owner. Recovering the original beats reconstructing it.
• Use the sharpest, largest scan available. Rescanning a clean print usually beats repairing a poor scan.
• Collect any brand guidelines that state the official colors and typefaces. Colors measured from a scan drift with paper, ink and scanner settings.

Step-by-step: from scanned PNG to clean SVG

1. Prepare the scan

• Straighten the image so horizontal and vertical edges in the logo are truly level.
• Crop close to the logo, keeping a small margin.
• Remove dust, specks and paper texture.
• Raise contrast so the logo separates cleanly from the background. For a one-color logo, convert the image to grayscale or pure black and white.
• For a multicolor logo, reduce the image to a small set of flat colors that match the logo’s actual colors.

2. Trace the image

Upload the prepared PNG to an online converter, or open it in a vector editor and run its tracing feature. In Inkscape the feature is called Trace Bitmap, and in Adobe Illustrator it is Image Trace. Menu locations and option names change between versions, so check them against the version you use. The settings below appear in many tools under different names.

• Mode: one color (black and white) or multicolor. Pick the mode that matches the logo, not the scan.
• Threshold: sets which pixels count as part of the shape in one-color tracing. Too low erodes thin strokes; too high merges nearby shapes.
• Number of colors: in multicolor mode, set it to the logo’s real color count so shading and noise do not create extra shapes.
• Smoothing or curve fitting: higher values give smoother curves but can round off intended corners.
• Corner handling: preserves sharp corners where the design has them.
• Noise or speckle suppression: drops tiny shapes produced by dust and texture.
• Path simplification: reduces the number of anchor points. Fewer points generally mean smoother, more editable curves.

Try several setting combinations and compare the results at high zoom. A converter with no adjustable settings gives you only one result, so plan for more cleanup afterward.

3. Clean up the paths

• Delete any shape the tracer created for the background or paper.
• Remove leftover specks and stray fragments.
• Cut excess anchor points. Wobbly curves often come from too many points close together.
• Rebuild edges that should be straight with clean straight segments, and redraw circles and arcs as true geometric shapes where the design calls for them.
• Make symmetric elements truly symmetric, for example by perfecting one half and mirroring it.
• Merge pieces that belong to one shape, and check that counters (the enclosed holes in letters such as O, A or e) are real cut-outs, not filled shapes stacked on top.
• Place the original scan at reduced opacity under your paths and compare edges, spacing and proportions.

4. Handle the typography

Tracing turns lettering into shapes, and scanned letters usually come out uneven. If you can identify the typeface and hold a license for it, set the text again in that font, match its size and letter spacing to the scan, and then convert it to outlines. If the lettering is custom or the font cannot be identified, redraw the letters by hand using the scan as a guide. Either way, outline the type in the final delivery file so it displays the same on systems without the font. Keep an editable copy with live text if the font is available to you.

5. Set the colors

Replace the colors the tracer sampled from the scan with the official values from the brand guidelines. If no guidelines exist, choose clean values deliberately and record them, rather than keeping the slightly off shades a scan produces. SVG is a screen-oriented format that uses RGB-based color. If the logo is headed for print, ask the printer which file format and color specification they require.

6. Export the SVG

• Confirm that every element is a vector path and that no raster image is embedded or linked.
• Confirm that all text is outlined in the delivery version.
• Trim the canvas or artboard to the logo, leaving any clear space required by the brand guidelines.
• If your editor offers an optimized or plain SVG option, use it to drop editor-specific metadata. Optimized output is often smaller and more portable.
• Give the file a clear name, and keep your editable working file as a separate master.

How to confirm the result

Open the SVG in a plain text editor and look at its contents. Real vector artwork is built from path or shape elements. An embedded raster appears as an image element, often carrying a long block of encoded data.

<!-- Vector content: geometry described as paths -->
<path d="M10 20 C 30 5, 60 5, 80 20 Z" fill="#1A1A1A"/>

<!-- Raster content wrapped in an SVG: still pixels -->
<image href="data:image/png;base64,iVBORw0KGgo..." width="400" height="200"/>

On the command line you can search the file for image elements. Any count above zero means a raster is present.

grep -c "<image" logo.svg

• Zoom in very far in a vector editor or web browser. Edges should stay sharp, with no pixel stepping or blur.
• Switch to outline (wireframe) view. Paths should be smooth and sparse, with no clusters of tiny nodes or hidden background shapes.
• Scale the logo very small and very large. Thin strokes and small counters should stay readable, and nothing should break apart.
• Overlay the result on the original scan to confirm the proportions, spacing and letterforms match the intended design.
• Check that the fill colors match the documented brand values.
• Open the file in a second application or browser to confirm it displays the same everywhere.

If the file passes these checks, you have usable vector logo artwork. If the curves still look lumpy or the lettering looks distorted after cleanup, the scan was probably too rough for tracing, and a manual redraw over it will give a better result.