技术社区Ruby China
分享一个浏览器本地图片工具:裁剪、缩放后直接转 SVG 路径
大家好,我是 JPG to SVG 的维护方,分享一个用于准备 Logo、图标和简单插画素材的浏览器工具。 地址: JPG to SVG 它把两个步骤放在同一页:先裁剪或调整图片尺寸,再把准备好的图稿追踪为 SVG 路径。图片处理在浏览器内完成,不需要上传到转换服务器,也不要求注册。 目前能做什么 输入 JPG/JPEG、PNG 或静态 WebP,一次处理一张。 在编辑器里拖拽裁剪,或输入裁剪尺寸;按比例或自定义尺寸缩放。 导出 PNG、JPEG、WebP,JPEG/WebP 可调整质量。 编辑完成后在同一页转…
内容摘要
大家好,我是 JPG to SVG 的维护方,分享一个用于准备 Logo、图标和简单插画素材的浏览器工具。
地址: JPG to SVG
它把两个步骤放在同一页:先裁剪或调整图片尺寸,再把准备好的图稿追踪为 SVG 路径。图片处理在浏览器内完成,不需要上传到转换服务器,也不要求注册。
目前能做什么
输入 JPG/JPEG、PNG 或静态 WebP,一次处理一张。
在编辑器里拖拽裁剪,或输入裁剪尺寸;按比例或自定义尺寸缩放。
导出 PNG、JPEG、WebP,JPEG/WebP 可调整质量。
编辑完成后在同一页转 SVG,不需要再次选图;可调整颜色细节与曲线平滑程度,并对照原图预览。
下载的 SVG 由路径组成,不是把原位图简单包进 <image> 标签。
实现与取舍
图像编辑使用 Canvas,矢量追踪使用 VTracer WebAssembly,并在本地 Worker 中处理。这是本地图像处理工具,没有调用 LLM,也不是生成式 AI 产品。
追踪适合轮廓清楚、颜色区域相对简单的图稿。照片里的纹理、渐变和噪点可能产生很多路径;转成 SVG 并不保证更小、更接近原图或能直接用于某台切割机。建议保留原图,在实际使用尺寸和放大预览下分别检查边缘、小孔与细线。
目前没有批量转换、OCR、背景移除或 SVG 节点编辑。单张输入上限是 20,000,000 字节、4,000,000 像素,单边不超过 8,192 像素。免费且没有每日转换次数额度,但这些文件限制仍然存在。
如果只是缩小一张照片,直接导出合适尺寸的 JPG/WebP 往往更合适;需要编辑图形轮廓时,再考虑追踪为 SVG。欢迎针对裁剪后的衔接流程、细线保留和预览比较方式提出具体建议。
资讯来源
Ruby China