Recortar imagen

Recortar imagen

Esta herramienta recorta una imagen PNG, JPEG o WebP directamente en el navegador. Arrastre o cambie el tamaño del área de recorte, elija una proporción predefinida o escriba coordenadas exactas en píxeles.

El archivo original permanece en su dispositivo. La exportación de Canvas conserva PNG, JPEG o WebP cuando el navegador admite ese formato, y usa PNG como alternativa si es necesario.

El recorte libre sirve para selecciones arbitrarias; las proporciones 1:1, 4:3 y 16:9 ayudan con vistas sociales, miniaturas y tamaños de documentos.

como usar

1. Suba una imagen PNG, JPEG o WebP.
2. Arrastre el área de recorte, cambie su tamaño desde los controles, elija una proporción o escriba valores exactos.
3. Ajuste la calidad JPEG/WebP, revise la salida y descargue la imagen recortada.

Cuándo recortar imágenes

Recorte imágenes para quitar bordes no deseados, enfocar el sujeto o encajar proporciones fijas para tarjetas, miniaturas y vistas sociales.

Use campos numéricos exactos cuando un diseño o CMS requiera un recorte específico en píxeles.

Recortar con Canvas

El navegador usa coordenadas de origen en Canvas drawImage:

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

Integración MCP

MCP (Model Context Protocol) permite que agentes de IA y aplicaciones descubran y ejecuten utilidades de Coding.Tools para flujos repetibles de conversión, formato, hash y generación.

Nombre de herramienta MCP: image-crop

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

Llame primero a tools/list. Cada herramienta incluye inputSchema, outputSchema y examples para que un agente de IA o cliente pueda construir argumentos válidos sin adivinar.

Para tools/call, lea result.content[0].text para el valor visible y result.structuredContent para el análisis automático. Los fallos de herramienta devuelven isError: true; los fallos de protocolo devuelven un JSON-RPC error.

Ejemplo de solicitud 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-crop","arguments":{}}}'

Esta herramienta de imagen es solo para navegador en MCP. tools/call no procesa bytes de imagen locales en el servidor; devuelve isError: true y un resource_link a la interfaz web.

La mayoría de las herramientas de texto y datos aceptan una cadena input y options opcionales. Las herramientas de imagen que dependen de las API de imagen del navegador se listan para descubrimiento y devuelven un enlace a la interfaz web cuando necesitan capacidades del navegador.