Image Resize

Image Resize

This tool resizes a single PNG, JPEG, or WebP image directly in your browser. Set exact dimensions, scale by percentage, or use common presets while previewing the output before download.

The original file stays on your device. Canvas export preserves PNG, JPEG, or WebP when the browser supports that output format, and falls back to PNG if needed.

Use the quality slider for JPEG and WebP output to balance visual quality and file size.

How to use

1. Upload one PNG, JPEG, or WebP image.
2. Enter a target width and height, lock the aspect ratio if needed, or choose a preset.
3. Adjust JPEG/WebP quality, preview the result, then download the resized image.

When to resize images

Resize images for websites, app assets, email attachments, profile pictures, thumbnails, and documentation screenshots.

For transparent graphics, PNG keeps transparency. For photos, JPEG or WebP quality settings usually produce smaller files.

Resize with Canvas

The browser workflow uses Canvas drawImage with a target width and height:

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 integration

MCP (Model Context Protocol) lets AI agents and apps discover and run Coding.Tools utilities for repeatable conversions, formatting, hashing, and generation workflows.

MCP tool name: image-resize

MCP endpoint: https://coding.tools/mcp

Call tools/list first. Each tool entry includes inputSchema, outputSchema, and examples so an AI agent or client can build valid arguments without guessing.

For tools/call, read result.content[0].text for the display value and result.structuredContent for machine parsing. Tool-level failures return isError: true; protocol failures return a JSON-RPC error.

Example tools/call request:

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":{}}}'

This image tool is browser-only in MCP. tools/call returns isError: true plus a resource_link to the web UI instead of processing local image bytes on the server.

Most text and data tools accept an input string plus optional options. Browser-only image tools are listed for discovery and return a web UI link when they need browser image APIs.