Add SVG files (up to 20 MB each) to shrink them with SVGO, or add PNG, JPG and WebP images to trace them into SVG vectors with imagetracerjs. You can take up to 30 files at a time. Optimization has three levels, coordinate precision and options to keep metadata or the viewBox; tracing has presets for logos, illustrations, detailed and posterized images, with 2 to 64 colors. Both run in your browser, and you can copy the SVG code or download the file.
How to optimize SVGs and convert images to SVG
- Add an SVG file. The tool runs SVGO on it and shows the size saved, with a preview.
- Or add a PNG, JPG or WebP image. The tool traces it into vector paths, using the preset and color count you choose.
- Check the preview, copy the SVG code if you want to inline it, or download the
.svgfile.
For clean traces, start from a high-contrast image such as a logo or icon and keep the color count low.
What SVGO does
SVGO (SVG Optimizer) removes data an SVG doesn't need to display: editor metadata, comments, hidden elements, redundant groups and overly precise numbers. The tool uses SVGO's default preset in multipass mode, and you can adjust it.
The "safe" level leaves paths, shapes and groups as they are, while "max" also reuses repeated paths. Precision sets how many decimals coordinates keep, from 0 to 5 (default 2). Remove metadata is on by default, and turning it off keeps titles, descriptions, comments and editor namespaces. Keep viewBox is on by default, which keeps the SVG scalable in CSS. Pretty print formats the output for reading.
SVGO runs in your browser, so your files are not uploaded.
Tracing best practices (PNG, JPG and WebP to SVG)
Tracing turns pixels into colored shapes. Images with clean edges and high contrast trace best, so remove noise first if you can. For logos and badges, 2 to 8 colors usually look right and keep the file small. Each extra color adds more paths. Photos can be traced for an illustrated, posterized look, but the SVG will be large and won't look like a photo. The "optimize trace with SVGO" option compresses the traced paths again before download.
Use cases
Logos and icons ship as small vectors that stay sharp at every size. Small SVGs inlined into HTML save a network request for important interface graphics, and tiny decorative SVGs can go straight into CSS as data URIs.
FAQ
Is this private?
Yes. Optimizing and tracing both happen in your browser, and no files are uploaded.
Which tracer is used?
imagetracerjs, an open source JavaScript tracer, running in a background worker. Large images are traced at up to 4 megapixels and the result is scaled to the original size. The libraries used here are listed on the open source licenses page.
Will optimization change how the SVG looks?
At the default settings it normally doesn't change anything you can see in logos and icons. If an SVG with very fine detail shifts, raise the precision or choose the safe level.