Sign up free

Is your SVG really vector? Inspect paths and embedded images

Inspect an SVG in an editor or its source. Compare real path and raster-wrapper files, identify mixed content, and check the delivered artwork.

Layered tracing paper, a textured mint print and an inspection loupe on a design desk.
Editorial artwork: inspect the contents as well as the file format.

Vector geometry Actual traced output

Aster mark drawn with vector path geometry
<svg …>
  <path d="M …" fill="…"/>
</svg>
Download vector SVG ↓

Raster in an SVG Illustration

Aster PNG embedded inside an SVG document
<svg …>
  <image href="data:image/png;…"/>
</svg>
Download wrapped PNG ↓
Two SVG documents: one contains traced paths; the other embeds the original PNG. Both render the mark. Their internal structure determines what you can edit. Source PNG ↓ · Traced SVG ↓ · Illustration run details ↓

An SVG file can contain editable vector shapes, raster images or a mixture. To check whether your logo is vector geometry, inspect the objects that draw the logo. The extension, file size and a smooth-looking thumbnail are not enough.

Start in a vector editor if you want a visual answer. Inspect the SVG source if you want to identify exactly which elements it contains. This guide uses two downloadable versions of the same first-party mark so you can see the distinction without guessing.

If you are choosing formats rather than auditing a file, begin with PNG vs SVG. If you need to replace a raster-only logo with outlines, the logo conversion workflow covers that next step.

Compare a traced mark with a raster wrapper

Our Aster example starts from a 128 × 128 PNG of a first-party geometric mark. One file is the actual SVG returned by an archived Vectali conversion. The other is a deliberately authored SVG wrapper containing the PNG.

File What draws the visible mark? What it demonstrates
Aster input PNG Raster samples The source pixels
Aster trace One path element Reconstructed vector geometry
Aster raster wrapper An embedded PNG image Raster content inside a valid SVG

The trace is 1,893 bytes and the original PNG is 3,460 bytes. The wrapper is an educational comparison, rather than an engine output. See the fixture manifest for the explicit eight-color setting, source preparation and archive details.

Open both SVGs. At one display size they can look similar, because they show the same mark. The difference becomes clear when you inspect the objects: the trace exposes geometry, while the wrapper exposes a picture.

This controlled example is separate from the current real-logo automatic benchmark. It demonstrates file structure, not a claim that every trace is exact or that every customer image will become one path.

Check 1: select the artwork in a vector editor

Open a copy of the SVG and select the visible logo. Look at the selected object’s type or properties. A path, circle, rectangle or other geometric object is different from an image object.

Groups can hide the distinction. Selecting a group does not tell you whether its children are paths or images, so enter the group or inspect its children in the object list. Ungroup only on a working copy if you need to explore the contents.

Try selecting an individual part of the logo. If you can edit its nodes or shape properties, that part is geometry. If the editor treats the whole picture as one image with a rectangular boundary, inspect whether it is an embedded or linked raster.

Do not assume that one path means the entire document is vector-only. A file can place a decorative path around an embedded photograph. Confirm which object draws the actual logo, not merely that some geometric element exists elsewhere in the file.

Text is another case. Live text can be scalable, but it is not outlined lettering. If a recipient asks for outlined text, confirm the delivery requirement and inspect the font dependency separately.

Check 2: read the SVG source

Open the file in a text editor without changing it. A geometric document may contain elements such as <path>, <circle>, <rect>, <ellipse>, <line>, <polyline> or <polygon>.

This complete authored example draws a square through path commands:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <path d="M20 20H80V80H20Z" fill="#83e3b1" />
</svg>

The d value describes the geometry. It is not a list of pixel colors. Editing the shape in a vector editor changes those coordinates or their equivalent representation.

By contrast, this example references an external PNG:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <image href="logo.png" width="100" height="100" />
</svg>

It is valid SVG, but the picture remains a raster. The document also depends on the referenced file being available at the expected location.

Search for <image and inspect its href or xlink:href. A value beginning data:image/png or data:image/jpeg embeds raster bytes inside the document. Embedding makes that picture self-contained; it does not trace its pixels into shapes.

An image element can reference SVG too, so the element name alone does not identify its contents. Follow the reference or inspect the embedded media type. MDN’s image-element documentation describes its role.

Check 3: distinguish mixed content from a failed conversion

A mixed SVG is not inherently broken. A diagram can contain vector labels and a raster photograph; an illustration can combine paths with an image texture. The right verdict depends on the deliverable.

If someone asked for an editable logo with no raster content, a bitmap wrapper does not meet that request. If the job is to package a diagram containing a photo, the same image element may be appropriate.

Inspect other dependencies too. Filters can reference images through feImage; styles can refer to external resources. Searching for url(, href and image media types can identify items to review, but those patterns can also reference internal geometry, gradients or masks. They are clues, not a reliable automatic raster detector.

Likewise, a clipping path does not make the clipped content vector. A vector outline can crop a raster image without changing the image’s representation. Select the content inside the clip to understand what will scale and what remains sampled pixels.

Use the SVG specification overview for the document model. For a delivery audit, connect each dependency with a visible job in the artwork instead of treating every reference as a defect.

Why zooming is useful but not proof

Enlarging the logo can expose a bitmap’s fixed pixel grid, especially with a small embedded source. It is a useful quick check, but it does not settle file structure.

A large embedded raster may look smooth at the zoom level you try. An editor may also display a cached preview. Conversely, genuine vector geometry is still rendered to screen pixels, and tiny shapes can look uneven at small display sizes.

Compare appearance and structure separately. First inspect the objects or source. Then decide whether the shapes match the intended mark at the required size. An SVG can pass the structural check while containing an inaccurate reconstruction.

The same distinction applies to our public benchmark. A low path count and a smooth outer edge do not certify the placement of every curve. The path-count explanation helps interpret those measurements without turning them into quality scores.

Check portability as well as object type

A linked image and an embedded image can both remain raster, but they travel differently. A relative reference such as logo.png depends on the receiving application finding that file. An embedded data URL carries its picture bytes in the document.

If your SVG works only on your own computer, inspect resource references before concluding that the geometry is damaged. A missing linked picture can leave the recipient with an empty frame while your editor continues to show the locally available file.

For a mixed deliverable, either package the dependencies in the arrangement the recipient expects or embed the intended picture using the authoring tool. Then reopen the delivered copy from its final folder and check it again. This is a portability repair, not a vectorization step.

For an outline-only logo, embedding the missing PNG still does not satisfy the request. Replace that raster with approved geometry or obtain the original vector master. Keep the delivery requirement beside the file inspection so that a technically valid document does not get approved for the wrong job.

Choose the repair for the file you found

Raster-only logo, outlines required: find the approved vector original first. If none exists, trace the best raster source and inspect the resulting geometry. Preview the logo in Vectali before deciding whether it is suitable.

Good geometry with a leftover raster beneath it: hide the raster and check that the complete required artwork remains. Delete only the unnecessary copy, on a working version. Do not assume that the visible trace includes every detail from the picture below it.

Mixed illustration, raster intentional: keep the image if it meets the destination’s resolution and portability requirements. Embed or package dependencies deliberately, and explain what remains raster in the handoff.

Text depends on a font: keep live text when future editing needs it and the recipient has the appropriate font. Produce an approved outlined version when the specification requires independent letter shapes. Those are different deliverables.

Background is the only problem: use the transparent SVG guide to distinguish a canvas, painted object and edge fringe. A background repair does not necessarily require retracing the whole logo.

Audit the actual file before handing it over

Open the final saved version, rather than relying on a screenshot from an earlier stage. Confirm that the expected objects are present, that linked resources travel with the document and that the artwork appears correctly in the destination editor.

For a vector-only logo, inspect the visible mark and its dependencies. Check letter openings, detached accents, white details and the frame. Keep the original raster and untouched trace separately from any approved manual corrections.

If the recipient only needs a fixed-size PNG, export one from the approved source at the requested dimensions. You do not need to hide the raster nature of that derivative behind an SVG filename.

If you need a fresh trace, upload your PNG and compare the result before exporting. Vectali offers unlimited previews and three total free SVG exports with an account. The decision should rest on the actual shapes and delivery requirements, not the extension alone.

Try it on your own file

See what your
image becomes.

Preview your logo