核心功能
一站式在线图像处理,从上传到导出只需几步
智能精灵图拆分
基于轮廓检测算法,自动识别精灵图中的每一个独立元素,精准分割并导出为独立的透明 PNG 文件。无需手动标记切割线,大幅提升素材处理效率。
Canny 边缘检测调试
内置 Canny 边缘检测参数面板,支持实时调节高斯模糊半径、高低阈值、形态学迭代次数等核心参数,直观预览检测效果,帮助你找到最佳拆分参数。
ZIP 一键打包下载
所有拆分后的透明 PNG 子图可一键打包为 ZIP 文件下载,省去逐张保存的麻烦。下载的文件按序号命名,方便后续批量导入到游戏引擎或设计工具中。
透明背景导出
拆分后的每张子图均保留 Alpha 透明通道,去除多余背景区域,确保导出的 PNG 素材可以直接用于游戏开发、UI 设计或网页制作,无需二次处理。
高性能处理引擎
后端采用 Rust 语言开发,结合高效的图像处理算法,即使面对大尺寸精灵图或包含大量子图的复杂素材,也能在数秒内完成拆分与导出。
隐私安全保障
上传的图片仅用于实时处理,处理完成后会自动清理临时文件。我们不会长期存储你的图片数据,你的素材安全与隐私受到充分保护。
三步完成拆分
无需下载软件,打开浏览器即可开始
上传图片
点击上传区域或拖拽图片到页面中。支持 PNG、JPG、WebP 等常见图片格式,建议使用背景色均匀或透明背景的精灵图以获得最佳拆分效果。
调整参数
使用右侧参数面板调节 Canny 边缘检测的高低阈值、高斯模糊半径和形态学迭代次数。页面会实时预览检测到的轮廓与边界框,帮助你找到最优参数组合。
预览与下载
确认拆分效果后,可以逐张预览每个子图的透明 PNG 效果,满意后点击'下载 ZIP'即可打包获取所有拆分结果。
开始使用
上传你的精灵图或其他图片,调整参数后即可拆分与下载
功能介绍
- 精灵图拆分:游戏素材、UI 图集、表情包等,自动按轮廓切出小图并保留透明背景。
- 图片内容拆分:从截图或商品图中提取多个对象,快速得到独立素材。
- 图片轮廓检测:预览边缘与连通区域,辅助做标注、抠图前的粗筛选。
- Canny 算法在线调试演示:实时调整高斯模糊、双阈值与形态学处理,直观看到参数效果。
适用场景
精灵图拆分与图像分割在多个领域有广泛应用
游戏开发
将游戏精灵图(Sprite Sheet)拆分为独立的角色帧、道具图标、地图元素等,方便导入 Unity、Godot、Cocos 等游戏引擎中进行动画制作与关卡设计。
UI/UX 设计
从设计稿或图标集中快速提取独立的 UI 元素、按钮、图标等,导出带透明背景的 PNG 素材,直接用于网页前端开发或移动端界面设计。
素材制作与整理
批量处理美术素材,将多张合并在同一画布上的插画、贴纸、表情包等自动拆分为独立文件,节省手动裁切的时间,提升素材管理效率。
图像分析与研究
利用 Canny 边缘检测参数的在线调试功能,直观学习和演示计算机视觉中的边缘检测、轮廓提取等基础算法,适合教学与科研场景。
常见问题
关于工具使用的一些常见疑问
支持哪些图片格式?
目前支持 PNG、JPG/JPEG、WebP、BMP 等常见图片格式。为获得最佳拆分效果,建议使用带透明背景的 PNG 格式精灵图。
上传的图片会被保存吗?
不会长期保存。图片上传后仅用于实时处理,处理完成后临时文件会被自动清理,我们不会永久存储你的图片数据。
最大支持多大的图片?
默认支持最大 16000×16000 像素的图片,文件大小限制为 10MB。对于更大尺寸的图片,建议先缩小后再上传以获得更好的处理速度。
Canny 参数该怎么调?
一般从默认值开始,如果检测到的轮廓过多或过少,可以调整高低阈值。高斯模糊半径越大,细节越少、抗噪能力越强。形态学迭代次数增加可以合并相近的轮廓。
技术原理简介
本工具的核心拆分流程基于经典的计算机视觉算法管线:首先对原图进行高斯模糊预处理以降低噪声干扰, 然后使用 Canny 边缘检测算法提取图像中的边缘信息,接着通过形态学闭运算(膨胀+腐蚀) 将断裂的边缘连接起来形成封闭区域,最后利用轮廓提取算法找到每一个独立的封闭轮廓,并计算其最小外接矩形(包围盒) 作为裁切区域。
每个参数都可以在页面上实时调整并预览效果:高斯模糊半径控制平滑程度,值越大噪点越少但细节也越模糊; Canny 高/低阈值决定边缘检测的灵敏度;形态学迭代次数决定边缘闭合的强度。 通过组合调整这些参数,几乎可以适配任何类型的精灵图素材。
想深入了解算法原理?请阅读我们的 Canny 边缘检测原理详解, 或者查看精灵图拆分使用指南获取参数调优技巧。