Traces a PNG logo, icon or drawing into vector paths with 2 to 32 colors. Fewer colors give cleaner, smaller files; detail and smoothing control how closely curves follow the pixels. Remove the background color to get a transparent SVG, compare original and result side by side, then download a file that scales without blur.
How to use
- Open an SVG, drop it on the preview or paste its code. A sample is loaded to start with.
- Optimize: pick how many decimals to keep and which clean-ups to apply. The size before and after is shown; copy the code, a data URI or a CSS line, or download the file.
- To PNG: set the width or height (or tap 2×, 4×, 1024…), choose PNG, JPG or WebP and a background, then download.
- Trace: drop a PNG or JPG, choose the number of colors and the detail, and download the SVG.
- Code: edit the markup and watch the preview update as you type.
- The optimizer never changes the root width, height or viewBox, keeps IDs that are referenced, and rounds path data without drift. Check complex files in the preview before you replace the original.
- Two decimals are safe for most icons; use 3–4 for large technical drawings.
- Tracing works best on logos, icons and flat artwork. Photos turn into many large shapes; use fewer colors for a poster look.
- Files are processed in your browser. Scripts inside SVGs are never run here: previews are shown as images.
Why SVG files get big
Design tools export far more than the drawing: editor metadata, comments, unused IDs and definitions, empty groups, default attribute values and coordinates with six or more decimals. On a typical icon this extra material can be most of the file. The optimizer removes it, rounds path data to the precision you choose and collapses useless groups, while never touching the root width, height or viewBox and keeping IDs that are referenced.
Two decimals are safe for most icons and logos at screen sizes; large technical drawings may need three or four. Always compare the preview before replacing the original, especially for files with masks, filters or embedded fonts.
Vector or raster
SVG describes shapes, so it stays sharp at any size and is usually tiny for icons, logos and diagrams; photos are better as JPG, PNG or WebP. When a platform requires a bitmap, such as an app store icon, a favicon PNG or a social image, export at the exact pixel size: rendering a 24 × 24 viewBox at 1024 px gives a crisp result because the vector is redrawn, not stretched. JPG has no transparency, so pick a background color.
Tracing and data URIs
Tracing works best on flat artwork with few colors and clear edges, such as logos, icons, signatures and line drawings; a photo becomes many large shapes. For small icons used in CSS, a URL-encoded data URI is usually shorter than Base64, because SVG is text and Base64 adds about 33%.
Frequently asked questions
Will optimizing change how my SVG looks?
It should not. The optimizer keeps the viewBox and referenced IDs and rounds coordinates to the precision you set. If a complex file shifts slightly, raise the number of decimals and compare again in the preview.
How do I convert SVG to PNG at a high resolution?
Open the SVG, go to To PNG and set a width or height, or tap 2×, 4× or a preset like 1024. The image is redrawn from the vector at that size, up to 8192 px, so it stays sharp.
Can a PNG or JPG be converted to a true vector SVG?
Yes, by tracing: the tool finds areas of similar color and turns them into paths. Logos and icons with few colors trace well; photos produce large files with a posterized look.
Should I use a Base64 or URL-encoded data URI?
For SVG, URL-encoded is usually smaller and stays readable, because Base64 grows the text by about a third. Base64 is only needed where a tool requires it.
Is it safe to open an SVG from an unknown source here?
Yes. SVGs can contain scripts, but previews here are shown as images, which browsers render without running scripts, and nothing is uploaded.
Does the converter keep transparency?
PNG and WebP keep transparent areas unless you choose a background color. JPG cannot store transparency, so transparent parts are filled with white or the color you pick.