# Image Composite Matrix Apply composite transformation by combining multiple basic transformations (scaling, rotation, shearing). See how transformation matrices multiply and create complex effects. > Canonical page: https://elysiatools.com/en/tools/image-composite-matrix - **Category:** Media - **Keywords:** image, composite, matrix, transform, combine, multiple, scaling, rotation, shearing, mathematics, education ## Overview The Image Composite Matrix tool allows you to apply complex geometric transformations to your images by combining scaling, rotation, and shearing operations. By calculating the multiplication of transformation matrices, this utility enables precise control over how your image is manipulated and rendered. ## Inputs - **Image File** (file): Upload any image file (JPEG, PNG, WebP, GIF, BMP, TIFF) for composite matrix transformation - **Scale X** (range): Horizontal scaling factor (0.1 to 3.0, 1.0 = original size) - **Scale Y** (range): Vertical scaling factor (0.1 to 3.0, 1.0 = original size) - **Rotation Angle** (range): Rotation angle in degrees (-180 to 180, 0 = no rotation) - **Shear X** (range): Horizontal shear factor (-1.5 to 1.5, 0 = no shear) - **Shear Y** (range): Vertical shear factor (-1.5 to 1.5, 0 = no shear) - **Transformation Order** (select): Order in which transformations are applied (right-to-left multiplication) - **Background Color** (text): Background color for transparent areas (hex #RRGGBB or #RRGGBBAA, or color name) - **Output Format** (select): Choose output format or keep original. PNG recommended for transparency - **Quality (1-100)** (number): Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size ## When to use - When you need to apply multiple geometric transformations to an image in a specific mathematical order. - When you are studying linear algebra and want to visualize how transformation matrices affect image pixels. - When you need to perform precise image warping or orientation adjustments that standard cropping tools cannot achieve. ## How it works - Upload your source image file in any supported format like PNG, JPEG, or WebP. - Adjust the scaling, rotation, and shearing parameters to define your desired transformation. - Select the specific transformation order to determine how the matrices are multiplied. - Set your output format and background color preferences, then process the image to download the result. ## Use cases - Creating custom geometric distortions for graphic design projects. - Educational demonstrations of linear algebra and matrix multiplication in computer graphics. - Batch-processing images that require specific orientation and scaling adjustments for web layouts. ## Frequently asked questions ### What does the transformation order mean? The order determines the sequence in which the matrices are multiplied (right-to-left). Changing the order significantly alters the final visual result because matrix multiplication is non-commutative. ### Can I keep the image transparency? Yes, if you choose PNG as your output format and set the background to 'transparent', the tool will preserve the alpha channel of your original image. ### What is the maximum file size I can upload? The tool supports image files up to 10MB. ### How does shearing affect the image? Shearing shifts the image along the X or Y axis, effectively slanting the image to create a parallelogram effect based on the factor provided. ### Why is the output image size different? Transformations like rotation and shearing change the bounding box of the image, which may result in a different canvas size compared to the original file. ## Related tools - [Image Custom Matrix](https://elysiatools.com/en/tools/image-custom-matrix): Apply custom 2x2 transformation matrix to images. Input any four matrix values \[a, b; c, d\] to create unique transformations. Great for learning linear algebra and image processing. - [Image Shear](https://elysiatools.com/en/tools/image-shear): Apply shear transformation to create slanted or skewed images. Visualize shear matrices and see how they distort the image geometry. - [Batch Image Convert](https://elysiatools.com/en/tools/batch-convert): Convert multiple images to different formats with quality settings and batch processing - [Image Rotation Matrix](https://elysiatools.com/en/tools/image-rotation-matrix): Apply rotation transformation using rotation matrix mathematics. See the 2x2 rotation matrix in action and understand the trigonometric principles behind image rotation. - [Image Scaling](https://elysiatools.com/en/tools/image-scaling): Apply scaling transformation to images with visual matrix representation. Supports uniform and non-uniform scaling with real-time preview. - [Image Translation](https://elysiatools.com/en/tools/image-translation): Apply translation transformation to move images horizontally and vertically. Visualize the translation matrix and see how pixel coordinates shift. - [Image Affine Transformation](https://elysiatools.com/en/tools/image-affine): Apply affine transformation for scaling, rotation, shearing, and translation - [Image Boolean AND](https://elysiatools.com/en/tools/image-boolean-and): Apply bitwise AND operation between two images to create intersection mask ## Samples - [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion - [Web Image Processing TypeScript Samples](https://elysiatools.com/en/samples/web-image-processing-typescript): Web TypeScript image processing examples including image read/save, scaling, and format conversion - [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion - [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion ## Related content - [Image Blend Modes and Compositing Tools](https://elysiatools.com/en/hubs/image-blend-modes-and-compositing-tools): Choose a blend or compositing mode, align source layers, compare looks, and verify halo, color, and alpha behavior at delivery size.