このサイズはコードで計算してください。
このサイズはコードで計算してください。
```python Python
import math
def count_image_tokens(width: int, height: int) -> int:
"""Visual tokens consumed by an image: one token per 28x28 pixel patch."""
return math.ceil(width / 28) * math.ceil(height / 28)
def resized_size(
width: int,
height: int,
max_edge: int = 1568,
max_tokens: int = 1568,
) -> tuple[int, int]:
"""The size Claude resizes an image to before padding.
Defaults are for the standard resolution tier. For high-resolution-tier
models, use max_edge=2576 and max_tokens=4784. Returns (width, height).
Images that already fit within the limits are returned unchanged.
"""
def fits(w: int, h: int) -> bool:
return (
math.ceil(w / 28) * 28 <= max_edge
and math.ceil(h / 28) * 28 <= max_edge
and count_image_tokens(w, h) <= max_tokens
)
if fits(width, height):
return (width, height)
if height > width:
resized_h, resized_w = resized_size(height, width, max_edge, max_tokens)
return (resized_w, resized_h)
# 長辺に沿って二分探索し、アスペクト比を保ったまま収まる
# 最大サイズを求めます。
aspect_ratio = width / height
lo, hi = 1, width # lo always fits; hi never fits
while lo + 1 < hi:
mid = (lo + hi) // 2
if fits(mid, max(round(mid / aspect_ratio), 1)):
lo = mid
else:
hi = mid
return (lo, max(round(lo / aspect_ratio), 1))
# 「Claude が画像をリサイズ・パディングする方法」の A4 の例：
print(resized_size(1075, 1520)) # (924, 1307)
# リサイズを適用するには、Pillow などの画像ライブラリを使用します：
# image.resize(resized_size(*image.size))
```
```typescript TypeScript
/** Visual tokens consumed by an image: one token per 28x28 pixel patch. */
function countImageTokens(width: number, height: number): number {
return Math.ceil(width / 28) * Math.ceil(height / 28);
}
/**
* Round half to even (banker's rounding), matching Python's round(). The
* live API resolves exact .5 ties toward the even neighbor, so Math.round
* (which rounds halves up) would compute a different size for some images.
*/
function roundTiesToEven(value: number): number {
const floor = Math.floor(value);
if (value - floor !== 0.5) {
return Math.round(value);
}
return floor % 2 === 0 ? floor : floor + 1;
}
/**
* The size Claude resizes an image to before padding.
*
* Defaults are for the standard resolution tier. For high-resolution-tier
* models, use maxEdge = 2576 and maxTokens = 4784. Returns [width, height].
* Images that already fit within the limits are returned unchanged.
*/
function resizedSize(
width: number,
height: number,
maxEdge = 1568,
maxTokens = 1568
): [number, number] {
const fits = (w: number, h: number): boolean =>
Math.ceil(w / 28) * 28 <= maxEdge &&
Math.ceil(h / 28) * 28 <= maxEdge &&
countImageTokens(w, h) <= maxTokens;
if (fits(width, height)) {
return [width, height];
}
if (height > width) {
const [resizedH, resizedW] = resizedSize(height, width, maxEdge, maxTokens);
return [resizedW, resizedH];
}
// 長辺に沿って二分探索し、アスペクト比を保ったまま収まる
// 最大サイズを求めます。
const aspectRatio = width / height;
let lo = 1; // lo always fits
let hi = width; // hi never fits
while (lo + 1 < hi) {
const mid = Math.floor((lo + hi) / 2);
if (fits(mid, Math.max(roundTiesToEven(mid / aspectRatio), 1))) {
lo = mid;
} else {
hi = mid;
}
}
return [lo, Math.max(roundTiesToEven(lo / aspectRatio), 1)];
}
// 「Claude による画像のリサイズとパディング」の A4 の例：
console.log(resizedSize(1075, 1520)); // [ 924, 1307 ]
// リサイズを適用するには、sharp などの画像ライブラリを使用します：
// await sharp(input).resize(width, height).toBuffer()
```
```csharp C#
// 画像が消費するビジュアルトークン数：28x28 ピクセルのパッチごとに 1 トークン。
static int CountImageTokens(int width, int height)
{
return (width + 27) / 28 * ((height + 27) / 28); // ceil(w/28) * ceil(h/28)
}
// Claude がパディング前に画像をリサイズするサイズ。デフォルトは標準解像度ティア用。
// 高解像度ティアのモデルでは maxEdge: 2576, maxTokens: 4784 を渡します。
// すでに制限内に収まっている画像はそのまま返されます。
//
static (int Width, int Height) ResizedSize(
int width, int height, int maxEdge = 1568, int maxTokens = 1568)
{
bool Fits(int w, int h) =>
(w + 27) / 28 * 28 <= maxEdge
&& (h + 27) / 28 * 28 <= maxEdge
&& CountImageTokens(w, h) <= maxTokens;
if (Fits(width, height))
{
return (width, height);
}
if (height > width)
{
(int resizedH, int resizedW) = ResizedSize(height, width, maxEdge, maxTokens);
return (resizedW, resizedH);
}
// 長辺に沿って二分探索し、アスペクト比を保ったまま収まる最大サイズを求めます。
// 短辺は偶数丸め（half to even）で、ちょうど .5 のときライブ API と一致します
// （MidpointRounding.ToEven、Math.Round のデフォルト）。
double aspectRatio = (double)width / height;
int lo = 1; // lo always fits
int hi = width; // hi never fits
while (lo + 1 < hi)
{
int mid = (lo + hi) / 2;
if (Fits(mid, ShortEdge(mid)))
{
lo = mid;
}
else
{
hi = mid;
}
}
return (lo, ShortEdge(lo));
int ShortEdge(int longEdge) =>
Math.Max((int)Math.Round(longEdge / aspectRatio, MidpointRounding.ToEven), 1);
}
// 「Claude が画像をリサイズ・パディングする方法」の A4 の例：
Console.WriteLine(ResizedSize(1075, 1520)); // (924, 1307)
```
```go Go
// countImageTokens は画像が消費するビジュアルトークン数：28x28 ピクセルの
// パッチごとに 1 トークンです。
func countImageTokens(width, height int) int {
return ((width + 27) / 28) * ((height + 27) / 28) // ceil(w/28) * ceil(h/28)
}
// resizedSize は Claude がパディング前に画像をリサイズするサイズを
// (width, height) で返します。標準解像度ティアでは maxEdge 1568 と maxTokens 1568、
// 高解像度ティアでは 2576 と 4784 を渡します。すでに制限内に
// 収まる画像はそのまま返されます。
// 「Claude が画像をリサイズ・パディングする方法」の A4 の例：
// resizedSize(1075, 1520, 1568, 1568) は (924, 1307) を返します。
func resizedSize(width, height, maxEdge, maxTokens int) (int, int) {
fits := func(w, h int) bool {
return ((w+27)/28)*28 <= maxEdge &&
((h+27)/28)*28 <= maxEdge &&
countImageTokens(w, h) <= maxTokens
}
if fits(width, height) {
return width, height
}
if height > width {
resizedH, resizedW := resizedSize(height, width, maxEdge, maxTokens)
return resizedW, resizedH
}
// 長辺に沿って二分探索し、アスペクト比を保ったまま収まる最大サイズを
// 求めます。短辺は偶数丸め（math.RoundToEven）で、ちょうど .5 の場合も
// ライブ API と一致します。math.Round では切り上げになってしまいます。
aspectRatio := float64(width) / float64(height)
lo, hi := 1, width // lo always fits; hi never fits
for lo+1 < hi {
mid := (lo + hi) / 2
short := max(int(math.RoundToEven(float64(mid)/aspectRatio)), 1)
if fits(mid, short) {
lo = mid
} else {
hi = mid
}
}
return lo, max(int(math.RoundToEven(float64(lo)/aspectRatio)), 1)
}
```
```java Java
/** A resized image size, as returned by resizedSize. */
record Size(int width, int height) {}
/** Visual tokens consumed by an image: one token per 28x28 pixel patch. */
static int countImageTokens(int width, int height) {
return Math.ceilDiv(width, 28) * Math.ceilDiv(height, 28);
}
/**
* The size Claude resizes an image to before padding.
*
* Pass maxEdge 1568 and maxTokens 1568 for the standard resolution tier,
* or 2576 and 4784 for the high-resolution tier. Images that already fit
* within the limits are returned unchanged.
*
*
The A4 example from "How Claude resizes and pads images":
* resizedSize(1075, 1520, 1568, 1568) returns new Size(924, 1307).
*/
static Size resizedSize(int width, int height, int maxEdge, int maxTokens) {
if (fits(width, height, maxEdge, maxTokens)) {
return new Size(width, height);
}
if (height > width) {
Size rotated = resizedSize(height, width, maxEdge, maxTokens);
return new Size(rotated.height(), rotated.width());
}
// 長辺に沿って二分探索し、収まる範囲でアスペクト比を保つ最大の
// サイズを求めます。短辺は偶数丸め（Math.rint）で、
// ちょうど .5 の場合に実際の API と一致します。Math.round では切り上げになります。
double aspectRatio = (double) width / height;
int lo = 1; // lo always fits
int hi = width; // hi never fits
while (lo + 1 < hi) {
int mid = (lo + hi) / 2;
if (fits(mid, shortEdge(mid, aspectRatio), maxEdge, maxTokens)) {
lo = mid;
} else {
hi = mid;
}
}
return new Size(lo, shortEdge(lo, aspectRatio));
}
private static boolean fits(int width, int height, int maxEdge, int maxTokens) {
return Math.ceilDiv(width, 28) * 28 <= maxEdge
&& Math.ceilDiv(height, 28) * 28 <= maxEdge
&& countImageTokens(width, height) <= maxTokens;
}
private static int shortEdge(int longEdge, double aspectRatio) {
return Math.max((int) Math.rint(longEdge / aspectRatio), 1);
}
```
```php PHP
// 画像が消費するビジュアルトークン数：28x28 ピクセルパッチごとに 1 トークン。
function countImageTokens(int $width, int $height): int
{
return intdiv($width + 27, 28) * intdiv($height + 27, 28);
}
/**
* The size Claude resizes an image to before padding, as [width, height].
*
* Defaults are for the standard resolution tier. For high-resolution-tier
* models, pass maxEdge: 2576, maxTokens: 4784. Images that already fit
* within the limits are returned unchanged.
*/
function resizedSize(int $width, int $height, int $maxEdge = 1568, int $maxTokens = 1568): array
{
$fits = fn (int $w, int $h): bool =>
intdiv($w + 27, 28) * 28 <= $maxEdge
&& intdiv($h + 27, 28) * 28 <= $maxEdge
&& countImageTokens($w, $h) <= $maxTokens;
if ($fits($width, $height)) {
return [$width, $height];
}
if ($height > $width) {
[$resizedH, $resizedW] = resizedSize($height, $width, $maxEdge, $maxTokens);
return [$resizedW, $resizedH];
}
// 長辺に沿って二分探索し、アスペクト比を保ったまま収まる最大サイズを
// 求めます。短辺は偶数丸め（PHP_ROUND_HALF_EVEN）で、
// ちょうど .5 の場合にライブ API と一致します。
$aspectRatio = $width / $height;
$lo = 1; // lo always fits
$hi = $width; // hi never fits
while ($lo + 1 < $hi) {
$mid = intdiv($lo + $hi, 2);
$short = max((int) round($mid / $aspectRatio, 0, PHP_ROUND_HALF_EVEN), 1);
if ($fits($mid, $short)) {
$lo = $mid;
} else {
$hi = $mid;
}
}
return [$lo, max((int) round($lo / $aspectRatio, 0, PHP_ROUND_HALF_EVEN), 1)];
}
// 「Claude による画像のリサイズとパディング方法」の A4 の例：
[$resizedWidth, $resizedHeight] = resizedSize(1075, 1520);
echo "({$resizedWidth}, {$resizedHeight})\n"; // (924, 1307)
```
```ruby Ruby
# 画像が消費するビジュアルトークン数：28x28 ピクセルのパッチごとに 1 トークン。
def count_image_tokens(width, height)
width.ceildiv(28) * height.ceildiv(28)
end
# Claude がパディング前に画像をリサイズするサイズ（[width, height] 形式）。
#
# デフォルトは標準解像度ティア用です。高解像度ティアのモデルでは
# max_edge: 2576, max_tokens: 4784 を渡します。すでに制限内に収まる画像は
# そのまま返されます。
def resized_size(width, height, max_edge = 1568, max_tokens = 1568)
fits = lambda do |w, h|
w.ceildiv(28) * 28 <= max_edge &&
h.ceildiv(28) * 28 <= max_edge &&
count_image_tokens(w, h) <= max_tokens
end
return [width, height] if fits.call(width, height)
if height > width
resized_h, resized_w = resized_size(height, width, max_edge, max_tokens)
return [resized_w, resized_h]
end
# 長辺に沿って二分探索し、アスペクト比を保ったまま収まる最大サイズを
# 求めます。短辺は偶数丸め（round(half: :even)）で、ちょうど .5 の場合に
# 実際の API と一致します。
aspect_ratio = width.fdiv(height)
lo = 1 # lo always fits
hi = width # hi never fits
while lo + 1 < hi
mid = (lo + hi) / 2
short = [(mid / aspect_ratio).round(half: :even), 1].max
if fits.call(mid, short)
lo = mid
else
hi = mid
end
end
[lo, [(lo / aspect_ratio).round(half: :even), 1].max]
end
# 「Claude が画像をリサイズ・パディングする方法」の A4 の例：
p resized_size(1075, 1520) # => [924, 1307]
```
1. リサイズヘルパーが返す寸法に画像をリサイズします。画像がすでにモデルの制限内に収まっている場合、ヘルパーは元の寸法をそのまま返すため、リサイズは不要です。
2. [リサイズした画像をAPIに送信](https://platform.claude.com/docs/ja/build-with-claude/vision#send-images-to-claude)します。自分でパディングを追加しないでください。パディングはClaudeが処理し、パディングによって座標の原点がずれることはありません。
3. プロンプトで、ピクセル座標を明示的に要求します。例：*「Submitボタンのクリックポイントを、ピクセル座標で `[x, y]` として返してください。」*
4. 返された座標は、送信した画像に対してそのまま使用します。正規化座標が必要な場合は、送信した画像の寸法で割ってください。元の画像の寸法やパディング後の寸法で割ってはいけません。