Framekeep商品图片裁剪检查

使用方法

本说明使用与编辑界面相同的用语。即使没有自己的文件,也可以用示例图片试用。

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

标记框无法告诉您的事

检查只针对您标记的框。如果重要内容在框外,即使它缺失,工具也无法发现。

键盘操作

开始编辑 试用示例图片