Azureコンピュータビジョンによるサーバレスサムネイル生成
導入
このガイドでは、Azureコグニティブサービスと呼ばれる既存のAIサービスを紹介したいと思います.
サムネイルは単にオリジナルのイメージの小さいバージョンであるということは確かに知られているように、ウェブアプリケーションのサムネイルは、サムネイルが小さいという事実のために、彼らはオリジナルの画像よりも少ない帯域幅を必要とし、ウェブサイトの読み込みを高速化するため、製品の画像などを表示するためのような多くの場所で使用されています.
Azureコンピュータビジョンは、Azure認知サービスの一部です.しかし、Azure認知サービスは何ですか?一目で、Azure認知サービスは以下の特徴を提供します:
テキスト
のテキストへの
Azure認知サービスの詳細については、チェックアウト
official documentation
なぜサムネイル生成のためにAzureコンピュータビジョンを使用すべきか?
サムネイルを作成することは非常に挑戦することができますし、このトピックをカバーする無数のプログラミング言語のための様々なチュートリアルがあります.サムネイルを作成するとき、Azureコンピュータービジョンは次のことを行います.
必要条件
始めましょう
コンピュータビジョン展開
リソースグループを作成します
az group create -l <location> --name <name>
コンピュータビジョンリソースを作成しますaz cognitiveservices account create \
--name <computer-vision-resource-name> \
--resource-group <resource-group> \
--kind ComputerVision \
--sku F0 \
--location <location> \
--yes
ℹ️ For the pricing tier, instead of F0 (= free tier) you can also specify S1 (= Standard S1).
⚠️ Only one free tier can be deployed at a time.
Azureポータル経由でコンピュータビジョンサービスのエンドポイントURLを取得します
アクセスキーを取得します.
az cognitiveservices account keys list \
--name <computer-vision-resource-name> \
--resource-group <resource-group>
ℹ️ In case you want to regenerate or rotate your keys, you can use the following command:
az cognitiveservices account keys regenerate \
--key-name <Key1, Key2> \
--name <computer-vision-resource-name>
--resource-group <resource-group>
AzureコンピュータビジョンAPIによるサムネイルの生成
サムネイルAPIの要件と制限
エンドポイントを呼び出す前に、いくつかのイメージ要件と制限があります.
APIの呼び出し方
リクエストパラメータ:
名称
種類
説明
幅
数
サムネイルの幅.1から1024の間でなければならない.最低50点推奨.
高さ
数
サムネイルの高さ.1から1024の間でなければならない.最低50点推奨.
スマートクロップ(任意)
ブーリアン
スマートトリミングを有効にするためのブールフラグ.
モデルバージョン(任意)
文字列
オプションモデルで、AIモデルのバージョンを指定します.デフォルト値は“最新”です.
リクエストヘッダ:
名称
種類
説明
コンテンツタイプ
文字列
APIに送られるボディーのメディアタイプ.
OCP APIMサブスクリプションキー
文字列
このAPIへのアクセスを提供するサブスクリプションキー
リクエスト本文:
サムネイルAPIは次のコンテンツタイプをサポートします.
{"url":"http://example.com/images/test.jpg"}
アプリケーション/オクテットストリーム:[Binary image data]
マルチパート/フォームデータ[Binary image data]
ℹ️ The above section is an excerpt from the official documentation. For more details, please checkout the official documentation.
リクエスト例
アプリケーション/JSON :
curl --location --request POST 'https://<computer-vision-resource-name>.cognitiveservices.azure.com/vision/v3.2/generateThumbnail?width=200&height=200&smartCropping=true&model-version=latest' \
--header 'Content-Type: application/json' \
--header 'Ocp-Apim-Subscription-Key: <api-key>' \
--data-raw '{
"url":"http://example.com/images/test.jpg"
}'
アプリケーション/オクテットストリーム:curl --location --request POST 'https://<computer-vision-resource-name>.cognitiveservices.azure.com/vision/v3.2/generateThumbnail?width=200&height=200&smartCropping=true&model-version=latest' \
--header 'Content-Type: application/octet-stream' \
--header 'Ocp-Apim-Subscription-Key: <api-key>' \
--data-binary '@<path-to-image>'
マルチパート/フォームデータcurl --location --request POST 'https://<computer-vision-resource-name>.cognitiveservices.azure.com/vision/v3.2/generateThumbnail?width=200&height=200&smartCropping=true&model-version=latest' \
--header 'Content-Type: multipart/form-data' \
--header 'Ocp-Apim-Subscription-Key: <api-key>' \
--form 'img=@"<path-to-image>"'
私の例のリクエストでは、次のイメージを使用しました.ℹ️ The image is taken from Unsplash. Unsplash is really awesome and offers freely-usable images. You should definitely check it out!
これは、スマートトリミングのイメージです:
そして、これはスマートトリミングのないイメージです:
あなたが明らかにキーボードのスマートなトリミング部分のない画像で見ることができるように、右腕が離れて切り取られた.また、左側のコーナーでは、植物がまだ表示されます.キーボードでは、両方の腕だけでなく、トリミングスマートで画像では、左のコーナーの植物が完全に削除されている表示されます.
価格
あなたがうまくいけば、Azureコンピュータビジョンのサムネイルの生成を見ることができるように非常に使いやすく、スマートトリミングのような便利な機能を提供しています.しかし、APIはいくらですか?
Azureコンピュータビジョンは完全に管理されたServerlessサービスです、そして、価格は「あなたとしての賃金」です.サムネイル生成のためのコンピュータビジョンサービスは非常に手頃な価格です.
⚠️ Disclaimer: This is an example configuration. Other prices may apply depending on configuration and region. For more precise estimation, I highly recommend using the Azure Pricing Calculator.
ℹ️ For enterprise scenarios with high volumes, Azure also offers a Committed Tier, where fixed contingents can be purchased at a reduced price. For more details, checkout the official pricing page for Azure Computer Vision.
結論
私は、あなたがサムネイル世代のためにAzureコンピュータビジョンに少し近寄って来ることができることを望みます.それは非常にサムネイルの作成を大幅に簡素化し、スマートトリミングのような機能を非常に簡単に開発者の人生を作ることができる信じられないほどのサービスです.また、サービスのいずれかの財産コストはありません😉
読書のおかげで、私はこの機能についてのあなたの考えを教えてください!
Reference
この問題について(Azureコンピュータビジョンによるサーバレスサムネイル生成), 我々は、より多くの情報をここで見つけました https://dev.to/manukanne/serverless-thumbnail-generation-with-azure-computer-vision-2d7cテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol