了解搜索响应和多件商品检测

Vision API Product Search 可以在一张搜索图片中识别出单件商品或多件商品,并列出与之匹配的商品。

单件商品图片和响应

此搜索图片包含单件商品。

Cloud Storage 存储分区中的连衣裙图片
gs://cloud-ai-vision-data/product-search-tutorial/images/468f782e70ba11e8941fd20059124800.jpg

使用 Vision API Product Search 搜索相似商品时将返回一条响应,该响应识别图片中的两个边界框,一个是商品的边界框,另一个是整张图片的边界框。

展开下面的部分可以查看完整响应。

边界框和匹配商品

图片中的以下两件商品(边界框)由请求返回的两组顶点确定。

系统会针对 Vision API Product Search 识别出的每个边界框列出匹配商品。

Cloud Storage 存储分区中包含 3 条连衣裙的图片
gs://cloud-samples-data/product_search/multiple_dresses.jpg

在 API 响应中,边界框和匹配商品结果在 productGroupedResults 字段中列出。这些结果按图片中检测到的商品进行分组。每个 boundingPoly 条目会列出由归一化顶点(数值介于 0 到 1 之间,不对应于图片的实际像素值)指定的区域。然后,系统会列出该特定区域所对应的匹配商品。

响应中的以下部分用于描述服装周围的边界框。

匹配商品会在 results 字段后面列出,并按匹配得分以降序排列。匹配得分介于 0(完全不匹配)到 1(完全匹配)之间。

包含 5 件匹配商品的图片
Several matching products for the dress

响应中返回的另一个 boundingPoly 是指整张图片的边界框。 其归一化顶点如下所示:

  • [{},{"x": 1},{"x": 1,"y": 1},{"y": 1}]

当坐标值为 0 时,会被省略。因此,上述边界框对应于:

  • [{"x": 0,"y": 0},{"x": 1, "y": 0},{"x": 1,"y": 1},{"y": 1}]

然后,系统会根据整张图片的边界框,以同样的方式列出匹配商品。

多件商品图片(多件商品检测)和响应

以下搜索图片包含多个商品。

Cloud Storage 存储分区中包含 3 条连衣裙的图片
gs://cloud-samples-data/product_search/multiple_dresses.jpg

使用 Vision API Product Search 搜索相似商品时,系统会返回一条响应,该响应会识别出图片中的多个边界框,包括整张图片的边界框,以及三条连衣裙各自的边界框。

展开下面的部分可以查看完整响应。

边界框和匹配商品

下图显示了 Vision API Product Search 在这张包含多件商品的图片中识别出的所有边界框。

Cloud Storage 存储分区中包含 3 条连衣裙的图片
gs://cloud-samples-data/product_search/multiple_dresses.jpg

与单商品图片类似,在多商品图片的响应中,也会在 productGroupedResults 字段中列出边界框和匹配商品结果。系统通过边界框识别每件商品,并且按照检测到的每件商品对匹配结果进行分组。

响应中的以下部分对应于中间的连衣裙周围的边界框。

下图显示了 Vision API Product Search 返回的中间的连衣裙的部分匹配结果。

包含 5 件匹配产品的图片
Several matching products for the middle dress

系统还在图片中识别出以下其他边界框,并为每个边界框列出了各自的匹配商品列表(此处未列出):

  • 左侧连衣裙:{"x":0.03, "y":0.07},{"x":0.29, "y":0.07},{"x":0.29, "y":0.95},{"x":0.03, "y":0.95}
  • 右侧连衣裙:{"x":0.63, "y":0.09},{"x":0.89, "y":0.09},{"x":0.89, "y":0.93},{"x":0.63, "y":0.93}
  • 整张图片:
    • {},{"x": 1},{"x": 1,"y": 1},{"y": 1};也可以表示为:
    • {"x": 0, "y": 0},{"x": 1,"y:0"},{"x": 1,"y": 1},{"x": 0,"y": 1}