Convert a PNG Logo to a Scalable SVG Online
To convert a PNG logo to a scalable SVG, drop the file into GrabCast Image to SVG, lower the Detail / colors slider to roughly the number of brand colors, and download the vector result. This is the usual fix when a sign shop, embroidery vendor, t-shirt printer or web developer says they need your mark as vector art and all you have is the PNG the original designer emailed years ago. Below is how to get a trace good enough to hand over, and when it is worth paying for a proper redraw.
🎨 Try Image to SVG now — freeOpen →
A PNG stores a fixed grid of dots. On a website header at 200 pixels wide it looks fine, but stretch it across a 6 foot storefront banner or a vehicle wrap and the edges turn soft and jagged. Vector artwork describes the mark as outlines and fills, so a sign cutter, an engraver or a printing press can scale it to any size with razor-clean edges. It is also how a website can show one crisp file on both a phone and a 5K monitor. Many small businesses never received the source Illustrator file from their designer, which is why tracing the PNG is such a common request. Vendors ask for it because their machines need it: vinyl cutters follow paths, embroidery software converts outlines into stitch patterns, and large-format printers produce clean edges only from vector input. Handing them a traced vector saves the setup fee many shops charge to redraw artwork themselves.
Is your logo a good candidate for tracing?
Tracing gives excellent results for flat, bold brand marks and weak results for detailed or soft ones. Look at yours honestly before starting.
- Strong candidates: wordmarks in bold type, monograms, simple icons, flat badges with two to six colors
- Workable: marks with thin outlines or small tagline text, if the PNG is at least 1,000 pixels wide
- Weak: gradients, glows, bevels, photographic elements, or artwork only available as a small web thumbnail
- Get a redraw instead: fine script fonts, tiny trademark symbols, or a mark going on expensive signage
If the emblem uses a standard typeface, you can often rebuild the text from the actual font later, which is sharper than any trace.
The biggest single factor is source size. A 2,000 pixel export from the original designer traces far better than a 300 pixel copy saved from your website header or social profile.
Trace settings that respect brand colors
The Detail / colors slider runs from 2 to 32. For branding, fewer is usually better, because every extra shade becomes extra shapes around the edges where colors blend.
- One-color wordmark: set 2 so the result is just the ink color and the background
- Two-color emblem on white: try 3 or 4, which leaves room for the anti-aliased edge pixels
- Full-color badge with five brand colors: start at 6 to 8 and step up only if pieces disappear
- Transparent PNG input: the see-through area traces as its own region you can delete afterward
Each run shows the SVG size in KB and a preview on a checkerboard backdrop. A clean two-color mark is often only a few KB; a result of several hundred KB usually means too many colors or a noisy source.
Clean up and verify before sending it out
An automatic trace is a draft. Open it in Inkscape, which is free, or in Illustrator or Affinity Designer, and do a quick pass before the file goes to a vendor.
- Delete the background shape so the artwork sits on transparency
- Replace approximate fills with exact brand hex codes from your style guide
- Zoom to 800 percent on corners and letter joins; smooth or delete stray nodes
- Export copies the vendor asks for, often PDF or EPS for print and SVG for the web
Send a proof at large size to yourself first. If curves wobble on a zoomed-in view, they will wobble on a banner too.
For website use, you can also run the finished file through an optimizer such as SVGOMG, which strips editor metadata and can cut the file size noticeably without changing how the mark looks.
Check the logo on a transparent background first; if it has a white box, make the white background transparent, and the Favicon Generator can turn the result into a site icon.
Private tracing, right in the browser
Your brand files never leave your computer. The tracer runs from the page in your browser tab, so unreleased rebrands or client work stay private.
- Accepts PNG, JPG and WebP files up to 8 MB
- Big inputs are scaled to 1,400 pixels on the long side before tracing for speed
- Download produces a standard SVG named after your original file
- If the vector engine fails to load, allow the site in your ad-blocker and retry
Step-by-step
Common mistakes to avoid
Pro tips
Frequently asked questions
Can I turn my PNG logo into a vector for free?
Yes. Image to SVG traces it in your browser at no cost. For flat, bold marks the result is often print-ready after a short cleanup in a free editor like Inkscape.
How many colors should I choose?
Start with the number of brand colors plus one or two. A one-color mark works best at 2; a multi-color badge usually needs 6 to 8.
Will the SVG have a transparent background?
The background traces as a separate shape. Delete it in a vector editor, and the rest of the artwork will sit on transparency. In Inkscape, click the background area once and press Delete; in Illustrator, select it with the Direct Selection tool first.
My sign shop wants EPS or PDF. What do I do?
Open the SVG in Inkscape or Illustrator and use Save As or Export to create EPS or PDF. The shapes stay vector.
When should I pay for a professional redraw?
When the mark has fine script lettering, gradients, or will appear on expensive signage or merchandise. A designer can rebuild it with exact geometry and fonts. A redraw typically costs less than a single reprinted banner, so it often pays for itself.
Start from the biggest PNG you have, trace with a low color count, fix brand colors in a vector editor, and send the vendor clean artwork. Pay for a redraw only when the mark is too detailed to trace well.
Related guides
Browse more: all image guides · Image to SVG