optipix.art

Conversion

Image to SVG

Vectorize raster images into scalable SVG with potrace-style tracing.

Drop image(s) to vectorize

Logos, icons, and clip art work best — JPEG, PNG, WebP, BMP, HEIC

☕ Love this tool? Support the developer.

100% free — no ads, no limits. Your support keeps every tool free.

$

Secure payment via Stripe · No account needed

About Image to SVG

OptiPix Image to SVG vectorizes raster images (PNG, JPG, WebP) into scalable SVG paths using a Potrace-style tracer that runs entirely in your browser. The pipeline binarizes the input with an adjustable threshold (or auto-detects via Otsu's method), then traces the contours into Bézier paths. For color images, the tool quantizes to N colors (2/4/8/16/32) and traces each color layer separately, producing a multi-color SVG that looks like Adobe Illustrator's Image Trace. Detail level controls let you tune path smoothing, minimum feature size, and corner threshold. Tracing modes include Silhouette (single-color outline), Detailed B&W (high-detail line work), Color (multi-layer), and Line Art (edge-only). The output viewer shows the original raster alongside the vector SVG so you can zoom in and watch the raster pixelate while the vector stays sharp. Download as SVG file, copy SVG XML to clipboard, or render the SVG back to PNG at any resolution. Perfect for converting logos, icons, sketches, and clip art into clean vectors for print, Cricut, laser cutting, or design work.

How It Works

The image is binarized via threshold (manual or Otsu auto), then a Potrace-style tracer follows pixel contours and converts them to smooth Bézier paths. Multi-color mode quantizes to N colors via K-means and traces each color layer separately, compositing into a single SVG.

Use Cases

  • •Convert a PNG logo to a clean SVG for a website
  • •Vectorize a hand-drawn sketch for digital art
  • •Trace clipart for Cricut cutting
  • •Convert an icon to SVG for a UI component library
  • •Prepare a black-and-white image for laser engraving

Frequently Asked Questions

Are my images uploaded?
No. The vectorizer runs entirely in your browser using a custom JavaScript marching-squares contour tracer. Your images never leave your device.
What tracing modes are available?
Four modes — each uses a distinct algorithm: Silhouette (clean outlines, heavy smoothing), Detailed B&W (max detail, light smoothing), Color (K-means quantization with multi-layer paths), and Line Art (Sobel edge detection → stroke-only output).
Can I trace color images?
Yes. Pick the Color tracing mode and choose how many colors to quantize to (2 to 32). Each color becomes its own SVG path layer.
Is the output truly scalable?
Yes. SVG paths are infinitely scalable — zoom in to any size without pixelation. Use the side-by-side zoom comparison to see this visually.
Does it optimize the output SVG?
Yes. Toggle 'Optimize SVG' to round numbers and drop redundant points. The stats display shows points-before and points-after.
Can I see the SVG code?
Yes. Click 'Show SVG code' to view the raw XML, then copy it to clipboard and paste into Illustrator, Inkscape, Figma, or any vector editor.
Can I render the SVG back to PNG?
Yes. Use 'PNG render' to rasterize the SVG at 2× resolution for preview/comparison.
Can I batch vectorize?
Yes. Drop multiple images and all are traced with the same settings, exported as a ZIP of SVGs.
What if my image is a photo?
Photos with smooth gradients vectorize less cleanly than logos or icons. Use a higher color count (16-32) for better photo results, but expect larger SVG files.
What's the best mode for a logo?
Silhouette for single-color logos. Color (8 colors) for multi-color logos. Detailed B&W for sketches and line illustrations.

Related Tools

Format Converter

Convert images between JPEG, PNG, WebP, and more.

Image Resizer

Resize images for Instagram, Twitter, LinkedIn, and more.

Image to PDF

Convert one or multiple images into a PDF document.

Image to Base64

Encode images to Base64 / Data URI and decode Base64 back to images — instantly, in your browser.

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter