Was this page helpful?
このガイドでは、Claudeで画像を扱う方法について、ベストプラクティス、コード例、留意すべき制限事項を含めて説明します。
Claudeのビジョン機能は以下の方法で使用できます:
1回のリクエストに複数の画像を含めることができます(claude.aiでは最大20枚、APIリクエストでは最大100枚)。Claudeは応答を作成する際に、提供されたすべての画像を分析します。これは画像の比較や対照に役立ちます。
8000x8000 pxを超える画像を送信すると、拒否されます。1回のAPIリクエストで20枚以上の画像を送信する場合、この制限は2000x2000 pxになります。
APIはリクエストあたり100枚の画像をサポートしていますが、標準エンドポイントには32MBのリクエストサイズ制限があります。
最適なパフォーマンスのために、画像が大きすぎる場合はアップロード前にリサイズすることをお勧めします。画像の長辺が1568ピクセルを超える場合、または画像が約1,600トークンを超える場合、アスペクト比を維持しながらサイズ制限内に収まるまで縮小されます。
入力画像が大きすぎてリサイズが必要な場合、追加のモデルパフォーマンスを得ることなく最初のトークンまでの時間のレイテンシが増加します。いずれかの辺が200ピクセル未満の非常に小さな画像は、パフォーマンスが低下する可能性があります。
最初のトークンまでの時間を改善するために、 画像を1.15メガピクセル以下(かつ両方の次元で1568ピクセル以内)に リサイズすることをお勧めします。
以下は、一般的なアスペクト比でリサイズされないAPIが受け入れる最大画像サイズの表です。Claude Opus 4.6では、これらの画像は約1,600トークンを使用し、約$4.80/1K画像のコストがかかります。
| アスペクト比 | 画像サイズ |
|---|---|
| 1:1 | 1092x1092 px |
| 3:4 | 951x1268 px |
| 2:3 | 896x1344 px |
| 9:16 | 819x1456 px |
| 1:2 | 784x1568 px |
リクエストに含める各画像は、トークン使用量にカウントされます。おおよそのコストを計算するには、画像トークンの概算数に使用しているモデルのトークン単価を掛けます。
画像のリサイズが不要な場合、次のアルゴリズムで使用トークン数を推定できます:tokens = (width px * height px)/750
以下は、Claude Opus 4.6の入力トークン単価(100万トークンあたり$3)に基づく、APIのサイズ制約内のさまざまな画像サイズのおおよそのトークン化とコストの例です:
| 画像サイズ | トークン数 | コスト / 画像 | コスト / 1K画像 |
|---|---|---|---|
| 200x200 px(0.04メガピクセル) | ~54 | ~$0.00016 | ~$0.16 |
| 1000x1000 px(1メガピクセル) | ~1334 | ~$0.004 | ~$4.00 |
| 1092x1092 px(1.19メガピクセル) | ~1590 | ~$0.0048 | ~$4.80 |
Claudeに画像を提供する際、最良の結果を得るために以下の点に留意してください:
テキストベースのClaudeとのインタラクションでうまく機能するプロンプト技術の多くは、画像ベースのプロンプトにも適用できます。
これらの例は、画像を含むベストプラクティスのプロンプト構造を示しています。
ドキュメントクエリの配置と同様に、Claudeは画像がテキストの前に来る場合に 最も良く機能します。テキストの後に配置された画像やテキストに挿入された画像でも 良好なパフォーマンスを発揮しますが、ユースケースが許す場合は、 画像→テキストの構造をお勧めします。
以下の例は、さまざまなプログラミング言語とアプローチを使用してClaudeのビジョン機能を使用する方法を示しています。Claudeに画像を提供する方法は3つあります:
imageコンテンツブロック内のbase64エンコード画像としてbase64の例のプロンプトでは、以下の変数を使用します:
以下は、base64エンコード画像とURL参照を使用してMessages APIリクエストに画像を含める方法の例です:
繰り返し使用する画像や、エンコードのオーバーヘッドを避けたい場合は、Files APIを使用してください:
その他のコード例やパラメータの詳細については、Messages APIの例を参照してください。
Claudeの画像理解機能は最先端ですが、いくつかの制限事項があります:
特に重要なユースケースでは、Claudeの画像解釈を常に慎重にレビューし検証してください。人間の監視なしに、完璧な精度や機密性の高い画像分析を必要とするタスクにClaudeを使用しないでください。
Claudeで画像を使った構築を始める準備はできましたか?以下にいくつかの役立つリソースをご紹介します:
その他のご質問がございましたら、お気軽にサポートチームまでお問い合わせください。また、開発者コミュニティに参加して、他のクリエイターとつながり、Anthropicの専門家からサポートを受けることもできます。
# URLベースの画像の場合、JSONリクエストでURLを直接使用できます
# base64エンコード画像の場合、まず画像をエンコードする必要があります
# bashで画像をbase64にエンコードする例:
BASE64_IMAGE_DATA=$(curl -s "https://upload.wikimedia.org/wikipedia/commons/a/a7/Camponotus_flavomarginatus_ant.jpg" | base64)
# エンコードされたデータをAPIコールで使用できますcurl https://api.anthropic.com/v1/messages \
-H "x-api-key: $ANTHROPIC_API_KEY" \
-H "anthropic-version: 2023-06-01" \
-H "content-type: application/json" \
-d '{
"model": "claude-opus-4-6",
"max_tokens": 1024,
"messages": [
{
"role": "user",
"content": [
{
"type": "image",
"source": {
"type": "base64",
"media_type": "image/jpeg",
"data": "'"$BASE64_IMAGE_DATA"'"
}
},
{
"type": "text",
"text": "Describe this image."
}
]
}
]
}'curl https://api.anthropic.com/v1/messages \
-H "x-api-key: $ANTHROPIC_API_KEY" \
-H "anthropic-version: 2023-06-01" \
-H "content-type: application/json" \
-d '{
"model": "claude-opus-4-6",
"max_tokens": 1024,
"messages": [
{
"role": "user",
"content": [
{
"type": "image",
"source": {
"type": "url",
"url": "https://upload.wikimedia.org/wikipedia/commons/a/a7/Camponotus_flavomarginatus_ant.jpg"
}
},
{
"type": "text",
"text": "Describe this image."
}
]
}
]
}'# まず、Files APIに画像をアップロードします
curl -X POST https://api.anthropic.com/v1/files \
-H "x-api-key: $ANTHROPIC_API_KEY" \
-H "anthropic-version: 2023-06-01" \
-H "anthropic-beta: files-api-2025-04-14" \
-F "[email protected]"
# 次に、返されたfile_idをメッセージで使用します
curl https://api.anthropic.com/v1/messages \
-H "x-api-key: $ANTHROPIC_API_KEY" \
-H "anthropic-version: 2023-06-01" \
-H "anthropic-beta: files-api-2025-04-14" \
-H "content-type: application/json" \
-d '{
"model": "claude-opus-4-6",
"max_tokens": 1024,
"messages": [
{
"role": "user",
"content": [
{
"type": "image",
"source": {
"type": "file",
"file_id": "file_abc123"
}
},
{
"type": "text",
"text": "Describe this image."
}
]
}
]
}'