Redimensionar imagen
Cambie el tamaño de una imagen localmente con dimensiones exactas en píxeles, ajustes preestablecidos de escala, bloqueo de relación de aspecto y control de calidad JPEG/WebP.
Haga clic o arrastre una imagen aquí
PNG, JPEG, WebP · Máx. 10MBCambiar el tamaño de las imágenes a las dimensiones exactas
Redimensionar imagen cambia el ancho y alto en píxeles de una imagen PNG, JPEG o WebP sin cargarla. Úselo para preparar miniaturas, recursos de aplicaciones, capturas de pantalla, imágenes de perfil e imágenes web que necesitan un tamaño específico.
Bloquee la relación de aspecto cuando la imagen deba mantener sus proporciones originales o desbloquéela cuando necesite intencionalmente una forma diferente. Reducir el ancho y el alto en 50% elimina 75% de los píxeles, lo que a menudo hace que los archivos sean mucho más pequeños.
El procesamiento utiliza el lienzo del navegador. La salida JPEG y WebP se puede volver a codificar con una configuración de calidad; PNG mantiene la transparencia pero es posible que no se reduzca tanto como los formatos fotográficos. Consulte la vista previa porque cambiar el tamaño puede suavizar los detalles finos.
Cómo usar
- Cargue una imagen PNG, JPEG o WebP.
- Ingrese un ancho y alto objetivo, bloquee la relación de aspecto si es necesario o elija un ajuste preestablecido.
- Ajuste la calidad de JPEG/WebP, obtenga una vista previa del resultado y luego descargue la imagen redimensionada.
¿Cuándo deberías cambiar el tamaño de una imagen?
Redimensionar imagen es para cambiar dimensiones, no solo el tamaño del archivo. Es útil cuando un diseño, CMS, correo electrónico, avatar o imagen de documentación requiere un ancho y alto de píxel exactos.
El archivo original permanece en su dispositivo mientras el navegador crea una nueva imagen de salida. Las rebajas grandes suelen tener mejor aspecto; La ampliación de escala puede hacer que una imagen sea borrosa porque inventa píxeles que no estaban en el original.
Redimensionar con Canvas
El cambio de tamaño del lienzo dibuja la imagen de origen en un lienzo configurado con las dimensiones 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 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-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.