Redimensionar imagen

Redimensione una imagen en el navegador con vista previa en vivo, preajustes y exportación según el formato.

Haga clic o arrastre una imagen aquí

PNG, JPEG, WebP · Máx. 10MB
Vista previa
Original
Resultado
Controles
Tamaño original-
Tamaño de salida-
Dimensiones-
Formato-
Elija una imagen para comenzar
-

Redimensionar imagen

Esta herramienta redimensiona una imagen PNG, JPEG o WebP directamente en el navegador. Defina dimensiones exactas, escale por porcentaje o use preajustes comunes mientras revisa la salida antes de descargar.

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.

Use el control de calidad para JPEG y WebP para equilibrar la calidad visual y el tamaño del archivo.

como usar

  1. Suba una imagen PNG, JPEG o WebP.
  2. Ingrese el ancho y alto de destino, bloquee la proporción si lo necesita o elija un preajuste.
  3. Ajuste la calidad JPEG/WebP, revise la vista previa y descargue la imagen redimensionada.

Cuándo redimensionar imágenes

Redimensione imágenes para sitios web, recursos de aplicaciones, adjuntos de correo, fotos de perfil, miniaturas y capturas de documentación.

Para gráficos con transparencia, PNG conserva la transparencia. Para fotos, JPEG o WebP con calidad ajustable suele producir archivos más pequeños.

Redimensionar con Canvas

El navegador usa Canvas drawImage con un ancho y alto de destino:

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);

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-resize

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-resize","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.