Three connected SVG tools

SVG Studio

Create, convert, and optimize vector graphics in one connected SVG workstation. Build custom SVG artwork with drawing tools, shapes, canvas controls, code output, copy options, and multiple download sizes. Upload PNG, WebP, or JPG artwork to convert it into black, color, or smooth-color SVG paths while adjusting transparency, trace detail, output size, and color simplification. Then review the visual result, copy or download the generated code, or send it directly into the built-in SVG Minifier to compare previews, reduce file size, and export a cleaner finished SVG.

Draw

SVG Maker

Canvas Size1000

Fill Color

Stroke Color

Stroke Width

Path Line: click corner-to-corner.

Press Done for an open line, or click a highlighted dot before Done to close it.

Curve Path: click anchor dots, press Edit, drag only the curve handles you want, then press Finish.

100%

Transparent SVG canvas ready. Use the ghost trace upload only as a guide — it will not export.

Convert

SVG Converter

1. Image to SVG

Upload image Click to Upload PNG • WebP • JPG

Alpha threshold: 128

Trace detail: 120

Output viewBox

Color simplify

Live clean preview

No image loaded.

SVG visual output

No SVG yet.

Generated SVG code

Minify

SVG Minifier

2. Standalone SVG Code Minifier

Paste any SVG here. Standard minify now uses safer advanced cleanup by default. Extra compression choices are optional and nothing is checked automatically.

Merge same-style paths Combines matching path strokes/fills when their visual style is the same. Remove zero-length dots May remove intentional dot marks made from round-capped tiny lines. Aggressive compact mode Tries harder to merge simple rectangles and compact structure. Preview before download.

Current SVG Preview

Paste SVG to preview

Minified SVG Preview

Run minify to preview

Raw / Original SVG Input

Size: 0 bytes

Minified Output

Size: 0 bytes (0% saved)

Draw or Import

Create artwork in SVG Maker, choose a custom shape, import existing SVG code, or add a reference image for tracing.

Trace and Configure

Upload PNG, WebP, or JPG artwork, then adjust transparency, trace detail, output size, and color handling.

Preview and Optimize

Inspect the visual output and SVG code, then compare original and minified versions while reducing file size.

Copy or Download

Copy clean SVG code, download the finished file, choose an export size, or reuse the result in another project.