图片转矢量 SVG / 分层 PSD 在线工具产品系统

我要开发同款
页纸工作室2026年10月05日
4阅读

技术信息

语言技术
Python、JavaScript、Vue
系统类型
Web、Web3
行业分类
开发工具、项目任务

作品详情

行业场景

面向平面设计、电商美工、印刷出版等场景。设计师常遇到客户只给 JPG/PNG 位图、却要求在 Illustrator 里改路径或在 Photoshop 里分层编辑的情况,传统做法是手动描图,一张图要几十分钟。这个工具把「位图转矢量」和「位图转分层 PSD」做成在线一键处理,把这类重复劳动压缩到 1 秒内。

功能介绍

① 位图转矢量 SVG:上传图片后可调颜色层数与轮廓精度,输出彩色分层的 SVG,路径可在 Illustrator / Figma 里继续编辑;② 位图转分层 PSD:按颜色把图片拆成多个独立图层,每层可在 Photoshop 里单独选中、改色、隐藏;③ 在线预览与一键下载:网页端直接上传、实时预览、下载 SVG 和 PSD;④ 透明背景自动识别,自动分离背景色,避免出现多余色块。

项目实现

我一个人负责全部开发。后端 Python + Pillow + numpy:K-means 分层取色、Marching Squares 提取等值线轮廓、RDP 算法简化路径;PSD 写入器按 Adobe 文件结构手工拼字节流,支持每色一图层加合并预览图。前端原生 HTML/JS 做上传、参数调节与结果预览。难点:轮廓串接最初用无向算法,对角接触的图形会被错误合并导致色块丢失,改成有向串接并按色块大小从大到小绘制后解决。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论