All creative guides

Know what is inside your SVG.

An SVG extension does not tell you everything about a file. What is inside matters when you want to enlarge, recolour, edit or cut the design.

Written by Vivid Creator Studio · 7 minute read

Pixels describe the imagePaths describe the shape
An enlarged pixel image and an editable path are different kinds of information. An SVG can contain either—or a mixture.

Choose a format for the job

Raster images such as PNG are made of pixels. They suit painted illustrations, photographs and textured artwork. Vector paths describe shapes through points and curves. They suit clean outlines, flat shapes and artwork you want to edit as individual objects.

SVG is a format that can hold vector shapes, but it can also contain text and embedded raster images. Saving a PNG inside an SVG wrapper does not turn its pixels into editable curves. Check the contents instead of judging the file by its extension alone.

Look for editable shapes

Use SVG Checker & Cleaner to inspect an existing SVG. Look for embedded images, live text, repeated shapes and other elements that need attention before the next step. Compare the cleaned version with the original so you can see what changed.

If the design is meant to be recoloured, check whether the parts you need are separate shapes. A single complex path can be harder to edit than an organised group. If it contains text, the destination may need the font or an outlined version. Keep the original file before making structural edits.

Trace a clear source

Vector Maker creates paths from a raster image. Start with a clear flat illustration or line drawing and compare the trace with the original. More detail can preserve small features, but it can also produce many tiny shapes. Smoothing can simplify a curve while changing the character of a hand-drawn line.

Painted shading and photographic texture do not automatically become a tidy, easily edited vector. Decide whether the project needs those details or a simpler version of the subject. Choose the format because it supports the intended work, rather than assuming vector always means better.

Match the destination

For design editing

Open the export in your vector app. Select individual elements, check fills and strokes and enlarge it. Confirm the shapes you need remain editable.

For a cutting workflow

Inspect the actual paths and spaces at the intended size in the machine’s software. A file that looks right in a browser may still contain unwanted or duplicate cut paths.

A visual preview cannot confirm every machine, material or production setting. The file and the destination need to be checked together. Remove unnecessary duplicate paths carefully, and retain an unmodified source so you can recover a detail if needed.

Practise with one simple motif

Keep the raster source, editable SVG and any final PNG export with clear names. They serve different purposes. Give customers the formats you have actually prepared and checked, with useful instructions for the intended workflow.

Put it into your next project.

Trace a flat illustrationInspect an SVGPrepare a plain-background source

Further reading

MDN: raster and vector image formats · Adobe: choosing a source for tracing

External guidance checked November 2026. Follow your software and production provider’s current requirements.

Explore the other creative guides