Puzzler
Puzzler 是一个高效快速的前端页面切图工具,用于将一张图片快速切割成切片并导出 HTML 文件, 所有的工作都通过可视化拖拽完成,让你从重复的 PSD 切图工作中解放出来。Puzzler 的愿景是拯救 ♥ 切图仔!
图片处理部分 Powered by image-clipper
下载地址
在 发布 页面查看构建好的 Puzzler 的各个版本的二进制文件及更新日志。
主要功能特性
- 支持拖拽导入图片,支持 jpg, png 等图片类型,也可直接导入 PSD 文件
- 灵活的标尺和参考线操作,支持快速地移动拖放
- 支持导出图像切片和 HTML 文件,导出之前还支持图像质量设置,自定义导出模板
- 导出成功后可以一键预览、一键复制源代码
- 操作记录自动恢复,以前切割过的图片可沿用历史记录继续操作
- 支持创建图片热区,快速地拖放操作,并可设置热区的链接、是否新窗口打开和宽高信息
- 全面地快捷键支持
- 便利地用户设置,支持多种常用设置
- 可创建自定义文字内容,文字内容支持 Markdown 格式
不知道怎么开始?那不妨看看 小明是怎么切图的
使用的开源项目
感谢 ♥ 以上作者的贡献。
License
本项目基于 MIT 协议发布
MIT: http://rem.mit-license.org, 详见 LICENSE 文件