OneTaskBy Tim King · Updated
Image to SVG Converter
Vectorise a PNG or JPG Logo Into Coloured Paths That Scale Without Blur
OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.
How the Image to SVG works
Turn a PNG or JPG into a true vector with this image to SVG converter. It traces the picture into coloured shapes, so a logo, icon or illustration can be scaled to any size without going blurry, edited in a vector program or used directly on a website.
How image to SVG tracing works
A PNG or JPG is a grid of pixels; an SVG is a list of shapes. Tracing bridges the two. The image is first reduced to a small palette of colours, then the outline of every area of each colour is followed and fitted with straight lines and curves. The result is a set of filled paths that reproduce the picture at any size. The tracer used is the open-source imagetracerjs library, run entirely in your browser.
Choosing the number of colours
Flat artwork traces best. A two-colour setting turns a black logo on white into a crisp silhouette; a brand mark with four flat colours wants four to six. Photographs need many colours and produce thousands of paths, which makes a large, slow SVG that still looks posterised, so tracing is rarely the right choice for photos. Start low and add colours until every part of the design appears.
Detail and smoothing
Detail controls how closely the paths follow the edges. Low produces fewer, smoother paths and drops tiny specks, which suits logos and keeps the file small. High follows every jag of the source, which keeps fine lines but also keeps compression noise. If a JPG gives ragged edges or a cloud of speckles, turn on Smooth noise before tracing, which blurs the image slightly before the colours are counted.
Size limits
Images are traced at up to 1200 px on the longest side. Larger images are scaled down first, which makes no visible difference to a vector result and keeps tracing fast. Because the output uses a viewBox, it scales freely regardless of the traced size.
Private by design
The image never leaves your browser and the tracer runs locally. Run the downloaded SVG through the SVG optimizer to shrink it further.
FAQ
Can I convert a PNG logo to SVG?
Yes. Drop the logo in, set the number of colours to match the logo plus its background and choose Low or Medium detail. Flat logos trace cleanly into a small SVG that scales to any size.
Why does my traced photo look posterised?
Tracing reduces an image to a fixed number of flat colour areas. Photos contain smooth gradients and millions of shades, so they come out looking like a poster. Tracing suits logos and illustrations far better.
How do I remove the background colour from the SVG?
The background is traced as a shape like any other. Open the SVG in a vector editor and delete that shape, or use the SVG colour replacer to change it to a different colour across the whole file.
Is this the same as embedding a PNG in an SVG?
No. Some converters wrap the original pixels inside an SVG file, which still blurs when enlarged. This tool produces genuine vector paths, so edges stay sharp at every size.
See also: all Images tools, Audio, Video & Screen, PDF, SVG, Simulations & Screensavers, Generative Art, Chart Makers, 3D Model Viewers, Drawing Pads, Mockups & 3D Making, Diagram Makers, 3D Science, Tracker Music.
Related tools
SVG Optimizer
Strip editor cruft and round coordinates. See the bytes saved.
Image Colour Picker
Click any point in an image to get its HEX code.
SVG To PNG
Rasterise an SVG to a PNG at any width.
SVG Colour Replacer
List every colour in an SVG and swap one, all, or to currentColor.
Palette Extractor
Pull the dominant colours out of a photo as hex codes.