圖片尺寸調整

將影像大小調整為精確尺寸

圖片尺寸調整 無需上傳即可變更 PNG、JPEG 或 WebP 影像的像素寬度和高度。 使用它來準備需要特定尺寸的縮圖、應用程式資源、螢幕截圖、個人資料圖像和 Web 圖像。

當圖像應保持其原始比例時鎖定縱橫比，或者當您有意需要不同的形狀時解鎖它。將寬度和高度減少 50% 會刪除 75% 像素，這通常會使檔案變得更小。

處理使用瀏覽器畫布。 JPEG 和 WebP 輸出可以透過品質設定重新編碼； PNG 保持透明度，但可能不會像照片格式那樣縮小那麼多。檢查預覽，因為調整大小可以柔化精細細節。

如何使用

1. 上傳一張 PNG、JPEG 或 WebP 影像。
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 和指向網頁介面的 resource_link。

大多數文字與資料工具接受 input 字串以及可選的 options。只依賴瀏覽器圖片 API 的圖片工具會用於探索，並在需要瀏覽器能力時傳回網頁入口。