Recortar imagen

Recorta hasta el marco exacto que necesitas

Recortar imagen recorta un área rectangular seleccionada de una imagen PNG, JPEG o WebP sin cargarla. Úselo para eliminar bordes, centrar un sujeto o igualar proporciones fijas de tarjeta, miniatura, avatar y vista previa social.

El cuadro de recorte utiliza coordenadas de píxeles: X e Y marcan la esquina superior izquierda, mientras que el ancho y el alto definen el área seleccionada. El cultivo cambia la composición y las dimensiones de la producción; los píxeles seleccionados se exportan con el tamaño de recorte elegido.

El procesamiento se ejecuta a través del lienzo del navegador. El recorte libre es mejor para encuadres arbitrarios, mientras que los ajustes preestablecidos 1:1, 4:3 y 16:9 ayudan cuando el destino requiere una relación de aspecto estable. Revise el resultado porque el manejo de metadatos y orientación puede diferir después de volver a codificar.

Cómo usar

1. Cargue una imagen PNG, JPEG o WebP.
2. Arrastre el cuadro de recorte, cambie su tamaño desde los controladores, elija una proporción preestablecida o escriba valores de recorte exactos.
3. Ajuste la calidad de JPEG/WebP, obtenga una vista previa del resultado y luego descargue la imagen recortada.

¿Cuándo deberías recortar una imagen?

Recortar imagen sirve para cambiar el marco de una imagen: eliminar márgenes vacíos, enfocar el sujeto importante o ajustar una imagen en una ranura de proporción fija.

Utilice valores exactos de X, Y, ancho y alto cuando una especificación de diseño o CMS solicite un recorte de píxeles preciso. Las exportaciones JPEG/WebP se pueden ajustar en función de la calidad, mientras que PNG es la opción más segura cuando la transparencia debe permanecer intacta.

Recortar con Canvas

El recorte del lienzo utiliza las coordenadas de origen y dibuja solo el rectángulo seleccionado en el lienzo de salida:

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 error JSON-RPC.

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.