Categorías

← View All Tools

Matriz Compuesta de Imagen

Aplicar transformación compuesta combinando múltiples transformaciones básicas (escalado, rotación, cizallamiento). Vea cómo se multiplican las matrices de transformación y crean efectos complejos.

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Subir cualquier archivo de imagen (JPEG, PNG, WebP, GIF, BMP, TIFF) para transformación de matriz compuesta

0.1 1.0 3

Factor de escalado horizontal (0.1 a 3.0, 1.0 = tamaño original)

0.1 1.0 3

Factor de escalado vertical (0.1 a 3.0, 1.0 = tamaño original)

-180 0 180

Ángulo de rotación en grados (-180 a 180, 0 = sin rotación)

-1.5 0 1.5

Factor de cizallamiento horizontal (-1.5 a 1.5, 0 = sin cizallamiento)

-1.5 0 1.5

Factor de cizallamiento vertical (-1.5 a 1.5, 0 = sin cizallamiento)

Orden en que se aplican las transformaciones (multiplicación derecha a izquierda)

Color de fondo para áreas transparentes (hex #RRGGBB o #RRGGBBAA, o nombre de color)

Elegir formato de salida o mantener original. PNG recomendado para transparencia

Calidad de salida para formatos con pérdida (JPEG, WebP). Mayor = mejor calidad pero archivo más grande

Datos clave

Categoría
Media
Tipos de entrada
file, range, select, text, number
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

La herramienta de Matriz Compuesta de Imagen permite aplicar transformaciones geométricas avanzadas combinando escalado, rotación y cizallamiento en una sola operación. Al multiplicar matrices de transformación, esta utilidad facilita la creación de efectos visuales complejos y precisos sobre cualquier archivo de imagen.

Cuándo usarlo

  • •Cuando necesites aplicar múltiples transformaciones geométricas simultáneas a una imagen de forma precisa.
  • •Para experimentar con el orden de las operaciones matriciales y observar cómo afecta el resultado final.
  • •Al preparar recursos gráficos que requieren ajustes específicos de perspectiva, inclinación o dimensiones.

Cómo funciona

  • •Sube tu archivo de imagen en formatos compatibles como PNG, JPEG o WebP.
  • •Ajusta los valores de escala, ángulo de rotación y factores de cizallamiento mediante los controles deslizantes.
  • •Selecciona el orden de transformación deseado para definir cómo se multiplican las matrices internamente.
  • •Configura el color de fondo y el formato de salida antes de procesar y descargar tu imagen transformada.

Casos de uso

Creación de efectos de perspectiva personalizados mediante la combinación de cizallamiento y escalado.
Normalización de imágenes que requieren rotaciones y ajustes de tamaño específicos en un solo paso.
Demostración académica de álgebra lineal aplicada a la manipulación de píxeles y gráficos digitales.

Ejemplos

1. Creación de efecto de inclinación 3D

Diseñador gráfico
Contexto
Necesito inclinar una imagen rectangular para que parezca una superficie plana en perspectiva.
Problema
Las herramientas básicas de edición solo permiten rotar, pero no aplicar cizallamiento preciso.
Cómo usarlo
Subir la imagen, ajustar el cizallamiento X a 0.5 y aplicar una rotación leve de 10 grados.
Configuración de ejemplo
scaleX: 1.0, scaleY: 1.0, angle: 10, shearX: 0.5, shearY: 0, transformOrder: 'shear-rotate-scale'
Resultado
La imagen adquiere una inclinación lateral profesional que simula una perspectiva 3D.

2. Ajuste de dimensiones y orientación

Desarrollador web
Contexto
Tengo una serie de iconos que deben ser escalados al 50% y rotados 90 grados para un menú.
Problema
Realizar estas tareas por separado es ineficiente y puede degradar la calidad de la imagen.
Cómo usarlo
Configurar los valores de escala a 0.5 y el ángulo a 90, manteniendo el orden de escala antes de rotar.
Configuración de ejemplo
scaleX: 0.5, scaleY: 0.5, angle: 90, shearX: 0, shearY: 0, transformOrder: 'scale-rotate-shear'
Resultado
Iconos redimensionados y orientados correctamente en una sola pasada, manteniendo la nitidez.

Probar con muestras

image, png, jpg
Ejemplos de Procesamiento de Imágenes Web Python
Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato
title token image
image
Ejemplos de Procesamiento de Imágenes Web Rust
Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato
title token image
image
Procesamiento de Imágenes macOS Objective-C - Ejemplos
Ejemplos de procesamiento de imágenes macOS Objective-C incluyendo lectura/escritura de imágenes, escalado de imágenes y conversión de formato
title token image
image
Ejemplos de Procesamiento de Imágenes Web TypeScript
Ejemplos de procesamiento de imágenes Web TypeScript incluyendo lectura/guardado de imágenes, escalado y conversión de formato
title token image
image

Hubs relacionados

Herramientas de Image para Convert
Explora 100 herramientas de image para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image
Explora 40 herramientas de image para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Audio para Convert
Explora 100 herramientas de audio para flujos de convert y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de imagen son compatibles?

Puedes utilizar archivos JPEG, PNG, WebP, GIF, BMP y TIFF.

¿Por qué es importante el orden de transformación?

La multiplicación de matrices no es conmutativa; cambiar el orden (ej. rotar antes de escalar) producirá resultados visuales distintos.

¿Cómo manejo las áreas transparentes?

Puedes definir un color de fondo específico o dejarlo como transparente, siendo el formato PNG el más recomendado para conservar la transparencia.

¿Puedo ajustar la calidad de la imagen resultante?

Sí, puedes definir un valor de calidad entre 1 y 100 para formatos con pérdida como JPEG o WebP.

¿Esta herramienta es adecuada para fines educativos?

Es ideal para visualizar cómo las operaciones matemáticas de matrices se traducen directamente en cambios geométricos sobre una imagen.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/image-composite-matrix

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
imageFile file (Subida requerida) Sí Subir cualquier archivo de imagen (JPEG, PNG, WebP, GIF, BMP, TIFF) para transformación de matriz compuesta
scaleX range Sí Factor de escalado horizontal (0.1 a 3.0, 1.0 = tamaño original)
scaleY range Sí Factor de escalado vertical (0.1 a 3.0, 1.0 = tamaño original)
angle range Sí Ángulo de rotación en grados (-180 a 180, 0 = sin rotación)
shearX range Sí Factor de cizallamiento horizontal (-1.5 a 1.5, 0 = sin cizallamiento)
shearY range Sí Factor de cizallamiento vertical (-1.5 a 1.5, 0 = sin cizallamiento)
transformOrder select Sí Orden en que se aplican las transformaciones (multiplicación derecha a izquierda)
background text No Color de fondo para áreas transparentes (hex #RRGGBB o #RRGGBBAA, o nombre de color)
format select No Elegir formato de salida o mantener original. PNG recomendado para transparencia
quality number No Calidad de salida para formatos con pérdida (JPEG, WebP). Mayor = mejor calidad pero archivo más grande

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/image-composite-matrix para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Archivo: Archivo

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-image-composite-matrix": {
      "name": "image-composite-matrix",
      "description": "Aplicar transformación compuesta combinando múltiples transformaciones básicas (escalado, rotación, cizallamiento). Vea cómo se multiplican las matrices de transformación y crean efectos complejos.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-composite-matrix",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]