Skip to content

Free online image to SVG converter

Image to SVG: any raster file in, editable geometry out.

Convert a PNG, JPG, WebP, GIF or BMP into layered vector paths with the colours intact. The upload accepts whatever you have — what differs between formats is how much usable structure survived the last time the file was saved, so this page tells you which route to take before you spend a credit.

Free credit to start · no card required · no watermark

  • .pngBest
  • .webpVery good
  • .jpgGood, with prep
  • .gifGood
  • .bmpGood
  • .heicConvert first

Four steps

How to convert an image to SVG.

Roughly a minute for flat artwork. Step three is the one most converters skip, and it is the reason you will not export a file you regret.

  1. 01

    Upload any raster file

    PNG, JPG, WebP, GIF or BMP, up to 10 MB. The format is detected for you; the matrix below says what to expect from each one.

  2. 02

    Pick a fidelity

    Standard costs one credit and suits flat marks. Premium costs two and holds onto detail in busier illustration.

  3. 03

    Read the numbers before you commit

    The result arrives with its path count, node count and file size on screen. A logo that came back as 600 paths is a logo worth converting again at a different setting.

  4. 04

    Edit, then export

    Rename the groups, snap fills to your brand hex, drag any anchor that landed off — then download the .svg or copy it out as React.

Format matrix

What each format brings, and what it costs you.

Two properties predict almost everything: whether the format stores transparency, and whether it threw information away to get smaller.

Supported source formats with alpha support, compression and expected conversion quality
FormatAlphaLossyVerdictNotes
PNG.pngYesNoBestLossless with a real alpha channel. If you have a PNG, use the PNG. Full guide
WebP.webpYesEitherVery goodLossless WebP behaves like PNG. Lossy WebP behaves like JPEG — check which one you have.
JPEG.jpgNoYesGood, with prepCorrect the contrast first. Expect an opaque background you will delete once. Full guide
GIF.gif1-bitNoGoodOnly 256 colours, which suits flat artwork. Transparency is on-or-off, so edges are hard.
BMP.bmpNoNoGoodUncompressed, so no artefacts — but files are large, and the 10 MB cap arrives quickly.
HEIC.heicYesYesConvert firstExport to PNG from your photo app before uploading.

Pick a route

Conversion is not always the right answer.

You have flat artwork you want back as vector

Image to Vector

Logos, icons, badges, line drawings, stickers. Simple, legible subjects are what a redraw handles well, because there is less that an interpretation can get wrong.

Convert an image

You have a photo and want illustration

Text to SVG

A photograph is a tonal field with no shapes in it. Since the conversion works by describing the image anyway, writing the description yourself gives you far more control over the result.

Write a prompt

You already have an SVG that is bloated

Vector optimiser

Nothing to convert. Strip the namespaces, collapse the groups and trim the precision instead.

Optimise an SVG

You need one drawing at many sizes

Icon Studio

Convert once, then package the result into iOS, Android, macOS, watchOS and web bundles in a single export.

Open Icon Studio

What you get back

“Editable” is a claim. Here is what it means here.

Every converter on the internet returns a valid SVG. Valid is a low bar — a file can be perfectly valid and still be impossible to change. These are the four things that decide whether you can open it again in a month.

  • Shapes, not outlines

    A circle comes back as a circle rather than as a 400-point polygon that resembles one. Drag an anchor and the curve responds the way you expect.

  • Groups with names

    Elements arrive grouped under readable IDs instead of as one flat pile of <path> tags, so you can select the part you meant to select.

  • Colours as plain hex

    Every fill is an ordinary attribute you can read in the markup and overwrite with your brand value. Gradients stay gradients rather than banding.

  • A file you can read

    Flat artwork typically lands in single-digit kilobytes of legible XML — small enough to inline in HTML and short enough to scan by eye.

Specifications

Max upload
10 MB per file
Generation size
1024 × 1024 coordinate space
Credit cost
1 standard · 2 premium
Output
Optimised .svg, named groups

Questions

Converting an image to SVG, answered.

Cost, formats, colour fidelity, photographs, and where the file opens afterwards.

Is the image to SVG converter free?
A free account gets a credit on sign-up with no card, and a standard conversion costs one. Nothing that comes back carries a watermark, and editing, optimising and exporting the result cost nothing extra.
Which image formats can I upload?
Any standard raster image the browser can read — PNG, JPG, WebP, GIF and BMP are the common ones — up to 10 MB per file. HEIC is the one exception worth planning around; export it to PNG from your photo app first.
How do I turn an image into an SVG?
Upload the file, pick a fidelity, look at the path count and node count the result reports, then edit and download. It is four steps and about a minute for flat artwork — the walkthrough above covers each one.
Can I convert a photo to SVG?
You can, but a photograph has no shapes to rebuild — only a continuous field of tone — so a literal conversion gives you thousands of colour blobs. For photos, the honest answer is to convert to a stylised illustration instead, or to describe the subject as a prompt and generate fresh vector artwork.
Does the converter keep the original colours?
Yes. Each flat region becomes its own filled shape carrying a plain hex value, so colours come across closely and every one of them stays editable. Gradients are rebuilt as gradient defs rather than being flattened into bands.
Does converting an image cost credits?
Yes: one credit at standard fidelity, two at premium. Editing, optimising and exporting the result afterwards are free.
What resolution should the source be?
Bigger is better up to a point. Somewhere around 1000–2000 pixels on the long edge is plenty for flat artwork; beyond that you are mostly uploading compression noise.
Can I open the SVG in Illustrator, Figma or Inkscape?
Yes. The output is plain SVG 1.1 with no proprietary attributes, so it opens as native editable paths in Illustrator, Inkscape, Affinity Designer and Sketch, and pastes into Figma with its groups intact.
Will the SVG work with Cricut and Silhouette?
Yes. The result is grouped by colour rather than dumped as one flat pile of paths, which is what Design Space and Silhouette Studio need in order to read each layer as its own cut.
How is this different from a normal auto-tracer?
An auto-tracer follows the boundary between colour regions pixel by pixel and has no idea what it is looking at, so it emits hundreds of paths that look right and cannot be edited. This goes the other way: the image is read and described, then drawn again as a small number of closed shapes. You get a file you can still work on next month, and you give up exactness — a tracer copies your contours, this interprets them. Compare the output against your original before it goes anywhere that matters.
What is the difference between image to SVG and image to vector?
Nothing meaningful. SVG is simply the vector format the web settled on — the same conversion, named after its output. If someone asks for EPS or PDF instead, any editor will export your SVG to those.
Is my upload stored?
The generated vector is saved to your workspace so you can come back to it, and you can delete any file — or clear the whole workspace — from the dashboard at any time.
Can I convert several images at once?
Batch generation from a list is part of the Business plan. On other plans you convert one file at a time.

Start with the file you already have.

One free credit on sign-up, no card. The path count is on screen before you export anything.

Upload an image