两种方式：
- 点击工具栏中的选择文件
- 拖拽文件到软件窗口中
- 按住顶部标尺不放，往下拖拽新增 X 轴参考线，按住左侧标尺拖拽新增 Y 轴参考线
- 点击参考线，参考线颜色变为红色，表示当前参考线是选中状态，左下角的「偏移」输入框会显示参考线的偏移量
- 可以直接拖拽参考线改变偏移量
- 选中参考线后，可以通过上、下、左、右按键进行偏移量的微调，也可以在「偏移」处输入具体的偏移量，按回车生效
- 选中参考线后，可以按「Delete」键删除参考线，或通过鼠标右键在弹出的菜单项删除
- 按住鼠标左键往左方向把参考线拖拽出图片区域再松开鼠标，可以快速删除 Y 轴参考线，往上则可以快速删除 X 轴参考线
- 点击「导出切片」仅导出图像切片
- 点击「导出HTML」导出图像切片和 HTML
- 导出之前可在左下角「质量」输入框设置导出图像的质量，默认 75
- 导出成功后可以一键预览、一键复制源代码
- 可以在「设置」中修改导出的 HTML 模板
- 点击工具栏的「热区」进入预备状态，鼠标移到工作区后，手势会变为十字架，按住鼠标左键并移动即可创建一个热区，再次点击工具栏的「热区」，可取消预备状态
- 点击创建好的热区，边框颜色变为红色，表示当前热区是选中状态
- 可以直接拖拽热区改变位置
- 选中热区后，可以通过上、下、左、右按键进行位置的微调，同时按住 shift 键，则可以进行宽度和高度的微调
- 鼠标移至热区右下角黑色方块并拖拽，可改变宽度和高度
- 热区左上角的设置按钮，可以设置热区的链接地址、是否新窗口打开等信息，并可通过输入框快速指定热区的宽度和高度
Ctrl + N选择文件Ctrl + S导出 HTML 和图片切片Ctrl + Shift + S仅导出图片切片Ctrl + E参考线Ctrl + R激活热区Ctrl + T激活自定义内容区Ctrl + D刷子
点击工具栏的「更多」，通过下拉菜单中的「导出用户设置」可以将当前用户的「设置」导出成配置文件，配置文件可以通过下拉菜单中的「导入用户设置」来导入。
- 目前有「宽度 < 990」、「宽度 > 990」、「宽度 > 990（挖空）」三种
- 导入图片后，会根据图片尺寸自动判断应用何种模板，也可以手动指定
- 可以在「设置」中恢复模板的出厂设置
营销活动类和纯展示类的页面，这种页面一般只有图片和链接，没有动态数据，非常适合快速自动化切割。
导致此现象可能的原因是此 psd 保存时没有采用兼容模式，请使用兼容模式重新保存
「设置」-「高级」-「保存路径」，指定导出位置。
仅导出图像切片时，只会包含切片文件：
├── section-1.jpg
├── section-2.jpg
└── section-3.jpg
同时导出 HTML 和图像切片时，包含以下文件：
├── config.json
├── images
│ ├── section-1.jpg
│ ├── section-2.jpg
│ └── section-3.jpg
├── index.html
└── origin.jpg
config.json文件是操作记录，包括参考线、热区、自定义内容等信息。origin.jpg是原始图片文件。images文件夹包含导出的图像切片。index.html是导出的 HTML 文件。
完全可以。导出 HTML 时，会同时生成一个 config.json 的配置文件，用户选择图片时，系统会检查该图片同级目录里是否存在 config.json 文件并恢复操作记录。导入图片时进入以前导出的文件夹选择 origin.jpg 文件即可。
黄金分割可以快速界定中间主区域，主要针对尺寸很大的图片（宽度大于 990 像素），通过「参考线」-「黄金分割」-「自定义」可以自定义。
点击工具栏的「参考线」，通过下拉菜单的「拉取上一次的记录」可以做到。
可以，标尺的步长支持 50 和 100 两种刻度，默认 50，可在「设置」-「常用」-「标尺」中更改。
用于清空参考线、热区、自定义内容区等操作记录。
「设置」-「常用」-「导出选项」，选择「在选中文件夹里放置导出文件」。
自定义内容区操作方式与热区相似，可以输入一些文字，支持 Markdown 格式，点击右上角眼睛图标可以预览。
鼠标右键，通过弹出的的「查看源代码」菜单项查看。
☞ 发现 Bug, 我要吐槽！ ☞ ♥ 提建议 ♥