Puzzler

Puzzler 是一个高效快速的前端页面切图工具，用于将一张图片快速切割成切片并导出 HTML 文件， 所有的工作都通过可视化拖拽完成，让你从重复的 PSD 切图工作中解放出来。Puzzler 的愿景是拯救 ♥ 切图仔！

图片处理部分 Powered by image-clipper

EN

详细帮助文档、常见问题

下载地址

在 发布 页面查看构建好的 Puzzler 的各个版本的二进制文件及更新日志。

主要功能特性

• 支持拖拽导入图片，支持 jpg, png 等图片类型，也可直接导入 PSD 文件
• 灵活的标尺和参考线操作，支持快速地移动拖放
• 支持导出图像切片和 HTML 文件，导出之前还支持图像质量设置，自定义导出模板
• 导出成功后可以一键预览、一键复制源代码
• 操作记录自动恢复，以前切割过的图片可沿用历史记录继续操作
• 支持创建图片热区，快速地拖放操作，并可设置热区的链接、是否新窗口打开和宽高信息
• 全面地快捷键支持
• 便利地用户设置，支持多种常用设置
• 可创建自定义文字内容，文字内容支持 Markdown 格式

不知道怎么开始？那不妨看看 小明是怎么切图的

使用的开源项目

• NW.js
• image-clipper
• psd.js
• slices
• image-to-slices

感谢 ♥ 以上作者的贡献。

License

本项目基于 MIT 协议发布

MIT: http://rem.mit-license.org, 详见 LICENSE 文件