Points clés
- Catégorie
- Media
- Types d’entrée
- file, range, select, text, number
- Type de sortie
- file
- Couverture des échantillons
- 4
- API disponible
- Yes
Vue d’ensemble
La Matrice Composite d'Image permet d'appliquer des transformations géométriques complexes en combinant simultanément la mise à l'échelle, la rotation et le cisaillement. Cet outil calcule la multiplication des matrices de transformation pour générer des effets visuels précis et personnalisés sur vos fichiers images.
Quand l’utiliser
- •Pour créer des effets de perspective ou de distorsion géométrique contrôlés sur une image.
- •Pour appliquer plusieurs transformations simultanées sans dégrader la qualité par des étapes successives.
- •Pour visualiser mathématiquement l'impact de l'ordre des matrices sur le résultat final d'une transformation.
Comment ça marche
- •Téléchargez votre fichier image (JPEG, PNG, WebP, etc.) dans l'outil.
- •Ajustez les curseurs pour définir les facteurs de mise à l'échelle, l'angle de rotation et les coefficients de cisaillement.
- •Sélectionnez l'ordre d'application des transformations pour déterminer la priorité mathématique des opérations.
- •Configurez le format de sortie et la couleur de fond, puis générez l'image transformée.
Cas d’usage
Exemples
1. Création d'un effet de perspective
Graphiste- Contexte
- Besoin d'incliner une image rectangulaire pour l'intégrer dans une maquette de présentation en 3D.
- Problème
- Une simple rotation ne suffit pas à donner l'effet de profondeur nécessaire.
- Comment l’utiliser
- Utiliser le cisaillement X et Y combiné à une légère rotation pour simuler une inclinaison sur un plan.
- Configuration d’exemple
-
angle: 15, shearX: 0.2, transformOrder: 'rotate-shear-scale' - Résultat
- L'image est inclinée et déformée pour s'aligner parfaitement avec la perspective de la maquette.
2. Optimisation de mise à l'échelle
Développeur Web- Contexte
- Besoin de redimensionner une série d'icônes tout en appliquant une légère rotation pour un style dynamique.
- Problème
- Les outils classiques de redimensionnement ne permettent pas d'appliquer une rotation précise en une seule opération.
- Comment l’utiliser
- Appliquer un facteur de mise à l'échelle de 0.5 et une rotation de 45 degrés.
- Configuration d’exemple
-
scaleX: 0.5, scaleY: 0.5, angle: 45, format: 'png' - Résultat
- Une image réduite de moitié, orientée à 45 degrés, avec une transparence préservée au format PNG.
Tester avec des échantillons
image, png, jpgHubs associés
FAQ
Quels formats d'image sont supportés ?
L'outil supporte les formats JPEG, PNG, WebP, GIF, BMP et TIFF.
Pourquoi l'ordre des transformations est-il important ?
La multiplication matricielle n'est pas commutative ; appliquer une rotation avant un cisaillement produit un résultat visuel différent de l'inverse.
Comment gérer les zones vides créées par la transformation ?
Vous pouvez définir une couleur de fond spécifique ou laisser le champ vide pour obtenir un fond transparent (recommandé avec le format PNG).
Puis-je modifier la qualité de l'image finale ?
Oui, vous pouvez ajuster le curseur de qualité de 1 à 100 pour les formats compressibles comme JPEG et WebP.
L'outil modifie-t-il les dimensions du fichier original ?
Oui, les transformations comme la mise à l'échelle et la rotation modifient les dimensions du canevas final pour s'adapter à la nouvelle géométrie.