Image to SVG Animation Tool

图片转 SVG 工具

将位图转换为 SVG 矢量图，支持生成生长动画。

点击或拖拽图片到此处

支持 PNG, JPG, BMP 格式

Features

🎨 Smart Vectorization

• Auto Tracing: Automatically convert raster images (PNG/JPG) to vector paths.
• Adjustable Parameters: Support tuning color count, blur radius, and scale.
• Local Processing: Powered by ImageTracerJS, running entirely in your browser.

✨ Animation Generation

• Growth Animation: Generate line-drawing (hand-drawn style) animations.
• Fade In: Generate smooth appearance effects.
• Custom Duration: Adjustable animation speed.

💾 Export & Use

• SVG Export: Download SVG files containing animation code directly.
• Plug and Play: Generated SVGs can be embedded directly into web pages.

User Guide

1. Upload Image: Select or drag an image (Clear logos or sketches work best).
2. Adjust Settings:
   • Colors: Controls richness of the SVG. Fewer colors are better for icons.
   • Blur: Smooths edges and reduces noise.
3. Select Animation: Choose "Line Growth" or other effects in "Animation".
4. Preview & Download: Click Convert to see the result, then Download if satisfied.

How It Works

This tool uses imagetracerjs for image contour extraction and vectorization. It dynamically calculates SVG path lengths (getTotalLength) via JavaScript and injects CSS @keyframes animation code, creating self-contained SVG animation files without external library dependencies.