画像リサイズ

画像のサイズを正確な寸法に変更する

画像のサイズ変更は、PNG、JPEG、または WebP 画像をアップロードせずに、ピクセルの幅と高さを変更します。 特定のサイズが必要なサムネイル、アプリ アセット、スクリーンショット、プロフィール画像、Web 画像を準備するために使用します。

画像が元の比率を維持する必要がある場合はアスペクト比をロックし、意図的に別の形状が必要な場合はロックを解除します。幅と高さの両方を 50% だけ縮小すると、75% のピクセルが削除され、多くの場合、ファイルが大幅に小さくなります。

処理にはブラウザのキャンバスを使用します。 JPEG および WebP 出力は、品質設定を使用して再エンコードできます。 PNG は透明度を保ちますが、写真形式ほど縮小しない可能性があります。サイズを変更すると細かい部分がぼやける可能性があるため、プレビューを確認してください。

使い方

1. PNG、JPEG、または WebP 画像を 1 つアップロードします。
2. ターゲットの幅と高さを入力し、必要に応じてアスペクト比をロックするか、プリセットを選択します。
3. JPEG/WebP の品質を調整し、結果をプレビューして、サイズ変更した画像をダウンロードします。

画像のサイズを変更する必要があるのはどのような場合ですか?

画像のサイズ変更 は、ファイル サイズだけでなく、サイズを変更するためのものです。これは、レイアウト、CMS、電子メール、アバター、またはドキュメント画像で正確なピクセルの幅と高さが必要な場合に便利です。

ブラウザが新しい出力画像を作成している間、元のファイルはデバイス上に残ります。通常、大規模なダウンスケールが最適に見えます。アップスケーリングすると、元の画像にはなかったピクセルが作成されるため、画像がぼやける可能性があります。

Canvas でリサイズ

キャンバスのサイズ変更では、ターゲットのサイズに設定されたキャンバスにソース イメージが描画されます。

const canvas = document.createElement('canvas');
canvas.width = targetWidth;
canvas.height = targetHeight;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0, targetWidth, targetHeight);
canvas.toBlob(saveBlob, outputMime, quality);

MCP 連携

MCP (Model Context Protocol) により、AI エージェントやアプリは Coding.Tools のユーティリティを発見し、変換、整形、ハッシュ、生成ワークフローで実行できます。

MCP ツール名: image-resize

MCP エンドポイント: https://coding.tools/mcp

まず tools/list を呼び出してください。各ツールには inputSchema、outputSchema、examples が含まれるため、AI エージェントやクライアントは推測せずに有効な引数を作成できます。

tools/call では、表示用の値は result.content[0].text、機械処理用の値は result.structuredContent を読みます。ツール単位の失敗は isError: true、プロトコル単位の失敗は JSON-RPC エラー を返します。

tools/call リクエスト例:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-resize","arguments":{}}}'

この画像ツールは MCP ではブラウザ専用です。tools/call はサーバーでローカル画像バイトを処理せず、isError: true と Web UI への resource_link を返します。

ほとんどのテキストおよびデータツールは input 文字列と任意の options を受け取ります。ブラウザの画像 API が必要な画像ツールは発見用に公開され、必要に応じて Web UI へのリンクを返します。