Azure AI Vision – 画像分析 – Optimizely CMS でのアルファ マット イメージの作成 – Anil Patel のブログ

この記事では、画像を Optimizely CMS にアップロードするときに、アルファ マット画像を作成するデモンストレーションについて説明します。 これは、Azure AI Vision サービスによって提供される前景マット機能を使用して実現されます。

アルファマット画像とは何かを説明すると、前景のオブジェクトの透明度を示す画像です。 アルファ マット機能は、追加の編集のために前景オブジェクトを背景から分離するのに役立ちます。

その仕組みは次のとおりです。まず、画像を Optimizely CMS にアップロードします。 次に、Azure AI Vision サービスは、アップロードされたイメージを使用してアルファ マット バージョンを作成します。 その後、元の画像とアルファマットバージョンの両方が CMS にアップロードされます。 これにより、ユーザーは両方のバージョンのイメージを使用できるようになります。 上のアルファ マット イメージの作成に使用された特定のイメージを確認できます。

さらに、次のスクリーンショットは、Azure AI Vision API を使用してアルファ マット イメージを作成するために使用されるコードを示しています。

このコード スニペットの最初のステップは、Azure AI Vision サービスを使用して画像を分析することです。 このサービスは、検出された前景オブジェクトの透明度を示すグレースケールのアルファ マット イメージを生成します。 以下は結果の画像です。

このプロセスの次の段階では、画像データを保存するための新しい ImageFile を作成します。 Blob Factory サービスは、画像の新しい BLOB を作成し、そこにコンテンツを書き込みます。 BLOB は、イメージ データ クラスの BinaryData プロパティを使用してイメージ データに接続されます。 その後、IContentRepository.Saveメソッドを使用して画像データを保存します。

画像が CMS にアップロードされると、アップロードされた他の画像と一緒にメディア パネルに表示されます。 以下は、CMS の Media フォルダーで利用できる両方の画像バリエーションのスクリーンショットです。