使用方法
本说明使用与编辑界面相同的用语。即使没有自己的文件,也可以用示例图片试用。
- 通过“选择图片”、拖放到页面,或“试用示例图片”打开一张PNG或JPEG。
- 第1步 标记:点击“在照片上框选”,在必须可见的商品和文字上拖动。使用键盘时,将焦点放在照片上按Enter,再用方向键移动方框。精确数值在“输入坐标”中。
- 第2步 检查与调整:大图就是将保存的图片,虚线表示另外两种裁剪。每个小裁剪会显示“在范围内”或“被裁剪”以及被裁的一侧。
- 如有裁剪被裁,阅读留白建议并点击“应用建议”,或手动调整留白、背景和输出尺寸。撤销即可恢复之前的排版。
- 使用“调整前 / 后”,在相同比例下比较原图和结果。
- 第3步 保存:确认图片、尺寸和比例后点击“保存PNG”。发布前请打开下载的文件,并在销售平台上确认。
- 最多分别标记三个区域。ZIP包含分别居中适配的独立1:1、4:3、3:4 PNG及检查表,当前编辑不改变。120/240px是供您亲自阅读的模拟显示,并非平台实际显示或自动可读性判定。可下载及载入仅含背景、留白、尺寸的设置JSON,不包含照片或标记区域。
- 检查表按当前排版显示商品、标签或文字在哪种比例中被裁,以及损失多少输出px。发布套装则独立适配各比例。解压ZIP并打开framekeep-review.html,即可查看三张PNG及其尺寸、留白和标记区域结果。展开调整面板即可手动修改,也可撤销。
标记框无法告诉您的事
检查只针对您标记的框。如果重要内容在框外,即使它缺失,工具也无法发现。
键盘操作
- 按Tab键可按顺序移动到所有控件。
- 焦点在原图上时,方向键将所选框移动1像素,Shift+方向键移动10像素,Alt+方向键调整大小。
- 焦点不在输入框时,Ctrl+Z撤销,Ctrl+Shift+Z或Ctrl+Y重做。