Memahami respons penelusuran & multi-deteksi

Product Search Vision API dapat mendeteksi dan menemukan produk yang sesuai untuk satu produk di dalam suatu penelusuran gambar, atau mengidentifikasi dan mencantumkan produk yang sesuai untuk beberapa produk apabila produk tersebut ada dalam gambar Anda.

Gambar & respons satu produk

Gambar penelusuran ini berisi satu produk.

gambar gaun di bucket Cloud Storage
gs://cloud-ai-vision-data/product-search-tutorial/images/468f782e70ba11e8941fd20059124800.jpg

Menelusuri produk serupa menggunakan Product Search Vision API menampilkan respons yang menunjukkan dua kotak pembatas di dalam gambar, satu kotak di sekitar produk, dan di sekeliling kotak lainnya dari keseluruhan gambar.

Luaskan bagian di bawah ini untuk melihat seluruh respons.

Kotak pembatas & produk yang sesuai

Dua produk berikut (kotak pembatas) dalam gambar ditentukan oleh dua kumpulan verteks yang ditampilkan dari permintaan.

Produk yang sesuai dicantumkan pada setiap kotak yang diidentifikasi oleh Product Search Vision API.

gambar dengan 3 gaun di bucket penyimpanan cloud
gs://cloud-samples-data/product_search/multiple_dresses.jpg

Dalam respons API kotak pembatas dan menyesuaikan hasil produk sedang dicantumkan ke dalam kolom. productGroupedResults Produk yang dikelompokkan menurut produk yang terdeteksi dalam suatu gambar. Setiap entri boundingPoly mencantumkan wilayah yang ditentukan dengan verteks yang dinormalisasi (pada skala 0 hingga 1, tidak sesuai dengan nilai piksel sebenarnya pada gambar). Produk yang sesuai untuk wilayah tertentu tersebut kemudian dicantumkan.

Bagian berikut ada di respons sesuai dengan kotak pembatas di sekitar gaun.

Produk yang sesuai dicantumkan di sebelah kolom results, dan diurutkan berdasarkan peringkat menurut skor kesesuaian dalam urutan menurun. Skor berkisar mulai 0 (tanpa keyakinan) hingga 1 (penuh keyakinan).

gambar 5 produk yang cocok
Several matching products for the dress

boundingPoly lainnya yang ditampilkan dalam respons berada di sekitar seluruh gambar. Verteks yang dinormalisasi tercantum sebagai:

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

Jika nilai koordinat sama dengan 0, maka akan dihapus. Dengan demikian, poli pembatas yang telah disebutkan di atas:

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

Produk yang sesuai kemudian dicantumkan sedemikian rupa untuk kotak pembatas ini (seluruh gambar).

Gambar & respons beberapa produk (multi-deteksi)

Gambar penelusuran berikut berisi beberapa produk.

gambar dengan 3 gaun di bucket penyimpanan cloud
gs://cloud-samples-data/product_search/multiple_dresses.jpg

Dengan menggunakan Product Search Vision API untuk menelusuri produk serupa, menampilkan respons yang mengidentifikasi beberapa kotak pembatas di dalam gambar, satu untuk seluruh gambar dan juga tiga kotak untuk masing-masing tiga gaun tersebut.

Luaskan bagian di bawah ini untuk melihat seluruh respons.

Kotak pembatas & produk yang sesuai

Gambar berikut menunjukkan semua kotak pembatas yang sudah diidentifikasi oleh Product Search Vision API dalam gambar beberapa produk ini.

gambar dengan 3 gaun di bucket penyimpanan cloud
gs://cloud-samples-data/product_search/multiple_dresses.jpg

Serupa dengan gambar produk tunggal, respons gambar multiproduk mencantumkan kotak pembatas dan produk yang cocok menghasilkan kolom productGroupedResults. Masing-masing produk diidentifikasi menggunakan koordinat poly, dan kesesuaian dikelompokkan sesuai dengan setiap produk yang terdeteksi.

Bagian berikutnya mulai dari respons yang sesuai dengan kotak pembatas the middle dress.

Gambar berikut menunjukkan bahwa beberapa kesesuaian untuk middle dress ditampilkan menggunakan Product Search Vision API.

gambar 5 produk yang cocok
Several matching products for the middle dress

Kotak pembatas berikutnya ditemukan di dalam gambar ini, masing-masing dengan daftar produk yang cocok (tidak disertakan di sini):

  • dress kiri: {"x":0.03, "y":0.07},{"x":0.29, "y":0.07},{"x":0.29, "y":0.95},{"x":0.03, "y":0.95}
  • gaun kanan: {"x":0.63, "y":0.09},{"x":0.89, "y":0.09},{"x":0.89, "y":0.93},{"x":0.63, "y":0.93}
  • seluruh gambar:
    • {},{"x": 1},{"x": 1,"y": 1},{"y": 1}, juga dinyatakan sebagai:
    • {"x": 0, "y": 0},{"x": 1,"y:0"},{"x": 1,"y": 1},{"x": 0,"y": 1}