返回首页

MOSS-Image 布局指南:拖框、JSON 坐标与真实出图案例

用可视化编辑器准备布局,理解中心原点 yxyx 坐标,并在官方试玩中复现中文海报案例。

最近更新: 2026-10-19

MOSS-Image 可以将结构化布局作为正向提示词:描述整体画面,给文字和物体指定边界框,再由模型理解这个排列方式。本指南把本站编辑器与官方布局格式连接起来。

准备你的布局

打开布局编辑器,从展览、咖啡或周末活动模板开始。选择元素,修改文字和外观描述,再拖动边界框。左边距、上边距、宽度和高度也可以直接输入数值。聚焦画布中的元素后,方向键可移动 1px,Shift 加方向键可移动 10px。

整体画面描述与单个元素描述分开填写。文字元素的“希望生成的文字”填写准确内容,外观描述填写字形、颜色和风格。画布是输入布局预览,并非生成海报。草稿保存在当前浏览器,切换界面语言后也会保留。

坐标是如何转换的

编辑器采用以左上角为原点的常规坐标。导出的提示词采用 bbox_format: "yxyx" 和 bbox_coord_space: "abs_centralized":以画布中心为原点,纵坐标在前。

bbox = [上边距 - H/2, 左边距 - W/2,
        上边距 + 高度 - H/2, 左边距 + 宽度 - W/2]

1024 × 1024 的画布,横纵坐标范围都为 -512 至 +512;x 向右为正,y 向下为正。标题左边距 96、上边距 96、宽 832、高 160,导出后就是 [-416, -416, -256, 416]。切换画布尺寸时,编辑器会按比例调整框,并重新计算坐标。

真实测试的完整输入

2026 年 10 月 17 日,我们通过官方 Hugging Face Space 将以下 JSON 提交给 MOSS-Image-Base。下载完整提示词,也可以回到案例载入输入。

{
  "summary": {
    "meta": ["poster"],
    "canvas": "single",
    "caption": "A clean blue and white design exhibition poster with a bold Chinese title and a blue abstract sculpture on a white background."
  },
  "items": [
    {
      "label": "text",
      "caption": "Large dark-blue Chinese title at the top.",
      "text": "字有位置",
      "bbox": [-416, -416, -256, 416]
    },
    {
      "label": "object",
      "caption": "An abstract cobalt blue geometric sculpture in the center.",
      "bbox": [-160, -320, 352, 320]
    }
  ],
  "bbox_coord_space": "abs_centralized",
  "bbox_format": "yxyx"
}

summary.caption 描述整体画面,items 描述各个主体。每个元素包含 label、caption 和 bbox;文字元素还包含 text。请复制完整 JSON 对象,不要只复制边界框列表。

在本站生成

  1. 在 1024 × 1024 画布下使用“将布局送到生成器”,或把 JSON 粘贴到站内生成器,此时只准备本地输入。
  2. 授权自己的 HF 免费账号。本站读取公开身份、额度与付款状态;无法核实免费资格或足够额度时停止生成。
  3. 选择 Base 或 SFT 并核对提示词。站内固定为单张 1024 × 1024、50 步、CFG 3、Shift 5、seed 42、skip layer 22。其他尺寸可导出 JSON 到官方演示或 ComfyUI。
  4. 点击一次生成,等待结果后下载原始 PNG。排队与服务可用性由 HF 控制;同一标签页重新授权会恢复提示词和未过期结果。

MOSS-Image-Base 实际输出:字有位置四个汉字与钴蓝色几何雕塑。

本次样例正确生成了要求的四个汉字,也额外添加了未要求的英文“Design Exhibition”。我们保留这个未经修图的结果。这是一次实际生成,不是准确率评测。生成记录包含参数与原始 PNG 的文件哈希。

另外两张实测:咖啡与音乐

2026 年 10 月 17 日,我们用上述 Base 参数将两套模板输入提交到官方 Space。下方保留各输入首次成功生成的结果。这三张图片属于单次观察,不是评测,也不保证重复生成完全一致。

咖啡:慢一点 / TAKE A BREAK

未经修图的 MOSS-Image-Base 咖啡输出:慢一点、咖啡杯与 TAKE A BREAK。

本次中英文均可辨认,但中文标题超过了请求的高度,与咖啡主体距离较近。咖啡杯被理解为接近碗形的圆形容器。这说明边界框表达位置意图,并不是硬性裁切范围。

原始 PNG · 完整 JSON 输入 · 生成参数与原图哈希

音乐:周末开场 / WEEKEND SESSIONS

未经修图的 MOSS-Image-Base 音乐海报:周末开场、WEEKEND SESSIONS 与粉色背景上的唱机。

本次中英文标题均可辨认,唱机位于海报下方。模型重新解释了文字高度和字体风格,没有严格填满输入的矩形。实际使用前应查看完整图片并检查细节。

原始 PNG · 完整 JSON 输入 · 生成参数与原图哈希

结果不符合预期时

布局提示词属于实验性功能,边界框表达布局意图,不保证像素级遵循。海报内容拥挤时,可以尝试减少文字块、增大边界框、缩短文字或明确换行。使用前检查拼写和额外文字。这些是值得测试的调整方向,并非保证生效的修复方式。

输出尺寸应与 JSON 一致。官方 Python 管线要求宽高均为正数且是 16 的倍数。即使种子相同,模型或运行环境更新后也可能出图不同。ComfyUI 的采样行为也有差异,见 ComfyUI 教程。

来源与验证范围

格式与建议来自 OpenMOSS 用户指南和官方项目页。我们验证了三次官方 Space 生成,保存了输入、输出与参数,尚未验证整体文字准确率,也未运行本地 GPU 推理。本站与 OpenMOSS 无隶属关系。