Three connected SVG tools

SVG Studio

Create, convert, edit, and optimize vector graphics in one connected SVG workstation directly in your browser. Build custom SVG artwork with drawing tools, shape libraries, canvas controls, live SVG code output, copy options, and multiple download sizes. Upload PNG, WebP, or JPG images and convert them into black, color, or smooth-color SVG paths while adjusting transparency, trace detail, output size, and color simplification. Preview the generated SVG, copy or download the code, or send it directly into the built-in SVG Minifier to compare results, reduce SVG file size, clean up the code, and export a smaller finished vector file.

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

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

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.