画像リサイズ

画像リサイズ

このツールは、PNG、JPEG、WebP 画像1枚をブラウザ内で直接リサイズします。正確な幅と高さ、パーセント指定、一般的なプリセットを使い、ダウンロード前に出力を確認できます。

元のファイルは端末上に残ります。Canvas の書き出しは、ブラウザが対応している場合 PNG、JPEG、WebP を維持し、必要に応じて PNG にフォールバックします。

JPEG と WebP の出力では、品質スライダーで画質とファイルサイズのバランスを調整できます。

使用方法

1. PNG、JPEG、WebP 画像を1枚アップロードします。
2. 目標の幅と高さを入力し、必要に応じて縦横比を固定するか、プリセットを選びます。
3. JPEG/WebP の品質を調整し、結果を確認してからリサイズ後の画像をダウンロードします。

画像リサイズの用途

Web サイト、アプリ素材、メール添付、プロフィール画像、サムネイル、ドキュメント用スクリーンショットに合わせて画像サイズを調整できます。

透過グラフィックは PNG で透明度を維持できます。写真では JPEG または WebP の品質設定で小さいファイルにしやすくなります。

Canvas でリサイズ

ブラウザでは Canvas drawImage に目標の幅と高さを指定します：

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 error を返します。

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 へのリンクを返します。