指南 3个标注团队操作手册:提升标注速度与质量

多图像分类

对于需要一次性分类多张图片的数据标注场景,或者需要对多张图片提出多个问题时,您可以使用此模板。

交互式模板预览

标注配置

<View>
  <Header value="Please select everything you see on the image" />

  <View style="display: flex;">
    <View style="width: 49%; margin-right: 1.99%">
      <Image name="img-left" value="$image1"/>
      <Choices name="class-left" toName="img-left" choice="multiple">
        <Choice value="People" />
        <Choice value="Trees" />
        <Choice value="Animals" />
      </Choices>
    </View>

    <View style="width: 49%;">
      <Image name="img-right" value="$image2"/>
      <Choices name="class-right" toName="img-right" choice="multiple">
        <Choice value="Food" />
        <Choice value="Cars" />
        <Choice value="Buildings" />
      </Choices>
    </View>
  </View>

  <View>
    <Header value="Which one is clearer to you?" />
    <Choices name="comparison" toName="img-left" showInline="true">
      <Choice value="Left" />
      <Choice value="Right" />
    </Choices>
  </View>
</View>

关于标注配置

所有标注配置必须包含在View标签内。

您可以添加一个header来为标注者提供说明:

<Header value="Please select everything you see on the image" />

使用View标签设置样式可以让两张图片并排显示:

<View style="display: flex;">

然后每张图片都被包裹在它自己的View标签中以控制显示:

<View style="width: 49%; margin-right: 1.99%">

在第一个View标签内,Image对象标签指定了左侧显示的图像:

<Image name="img-left" value="$image1"/>

value参数指定了Label Studio JSON任务中一个名为"image1"的JSON键,该任务必须导入包含两张图片URL的数据。

Choices 控制标签显示适用于左侧图像的分类选项,通过 toName 参数指定。choice 参数表示标注者可以选择多个选项:

<Choices name="class-left" toName="img-left" choice="multiple">
    <Choice value="People" />
    <Choice value="Trees" />
    <Choice value="Animals" />
</Choices>

左侧用于显示图像和相关选项的View标签已关闭,随后新的View标签将第二个图像和选项选择样式设置为显示在右侧:

<View style="width: 49%;">

在此View标签内,Image对象标签指定了右侧显示的图像:

<Image name="img-right" value="$image2"/>

value参数指定了Label Studio JSON任务中"image2"的JSON键,该任务必须导入包含两张图像URL的数据。

Choices 控制标签显示适用于右侧图像的分类选项,通过 toName 参数指定:

<Choices name="class-right" toName="img-right" choice="multiple">
    <Choice value="Food" />
    <Choice value="Cars" />
    <Choice value="Buildings" />
</Choices>

关闭图像和选择样式的两个View标签,并使用新的View标签分隔剩余的整体分类选项。您可以添加一个header来为标注者提供说明,并使用Choices控制标签显示关于两张图像的选择。

<View>
    <Header value="Which one is clearer to you?" />
    <Choices name="comparison" toName="img-left" showInline="true">
      <Choice value="Left" />
      <Choice value="Right" />
    </Choices>
</View>

Choices标签的toName值引用了img-left,这样所有标注结果都会关联在一起。