Images et photos · Redimensionneur d'images sociales
Mathématiques des proportions : comment recadrer n'importe quelle photo à 1:1, 4:5, 9:16 ou 16:9
· Comment ça marche
redimensionnement d'image rapport hauteur/largeur toile
Le recadrage selon un rapport est arithmétique : comparez le rapport de la photo avec la cible, déterminez quelle dimension doit être réduite, puis choisissez où se situe le recadrage. Cet article donne la formule, un exemple concret et les pièges d'arrondi.
La photo qui ne rentre jamais – pourquoi une prise de vue au format 3:2 ne peut pas devenir un carré ou une histoire au format 9:16 sans perdre quelque chose
Une photographie d’un appareil photo 6000×4000 est au format 3:2 : sa largeur est une fois et demie sa hauteur. Une fiche produit carrée, un portrait au format 4:5 et une histoire au format 9:16 n'ont pas cette forme. Le redimensionnement sans recadrage déforme le sujet ou ajoute des bordures. Le recadrage fait un choix éditorial quant à la partie restante. Conservez l'original et choisissez délibérément cette pièce, en particulier lorsqu'une étiquette, un visage ou un logo se trouve à proximité d'un bord.
Rapport sous forme de nombre unique : diviser la largeur par la hauteur de manière à ce que 4 : 5 devienne 0,8 et 16 : 9 devienne environ 1.78, et comparer la source avec la cible.
Représente un rapport hauteur/largeur sous forme de largeur divisée par la hauteur. Pour la source, 6000/4000 = 1,5 ; pour 4:5, c'est 4/5 = 0,8 ; pour 16:9, il s'agit d'environ 1.7778. La comparaison de ces chiffres vous indique immédiatement si vous avez un excès de largeur ou de hauteur par rapport à la cible. Le ratio est indépendant des pixels d’export demandés : 800×1000 et 1600×2000 sont tous deux 4:5, mais ce dernier possède quatre fois plus de pixels.
De quel côté couper — si la source est plus large que la cible, largeur de recadrage ; si elle est plus grande, hauteur de culture ; la formule pour la nouvelle dimension
Si la largeur de la source/hauteur de la source dépasse le rapport cible r, conservez toute la hauteur et définissez la largeur de recadrage = hauteur × r ; couper les côtés horizontaux. Si la source est plus étroite, conservez la largeur et définissez la hauteur de recadrage = width/r ; couper le haut et le bas. Ces formules choisissent le plus grand recadrage qui s'adapte à l'image existante sans étirement. ToolAcre calcule un cadre de couverture, fixe le décalage et appelle drawImage pour mapper cette image dans un canevas de destination ; le recadrage et le redimensionnement s'effectuent ensemble en cas de besoin.
Choisir le décalage : recadrage centré plutôt que déplacement vers le sujet, exprimé en fraction de la distance de coupe
Pour un recadrage centré, divisez par deux la distance supprimée de chaque côté. Une photographie de largeur 6000px recadrée à 3200px a une largeur excédentaire de 2800px, donc x=1400 la centre. Pour protéger un sujet près de la gauche, utilisez un x plus petit ; x doit rester entre zéro et la distance de coupe totale. Considérer le décalage comme une fraction de 0 (gauche/haut) à 1 (droite/bas) permet de réutiliser la même idée de cadrage dans plusieurs tailles d'exportation.
Exemple concret : une photo 6000×4000 pour quatre rapports – le rectangle de recadrage pour 1 : 1, 4 : 5, 9 : 16 et 16 : 9, étape par étape
À partir de 6000×4000, un recadrage 1:1 centré est 4000×4000 à x=1000. Un recadrage 4:5 équivaut à 3200×4000 à x=1400. Un recadrage de 9h16 équivaut à environ 2250×4000 à x=1875. Un recadrage 16:9 utilise à la place toute la largeur de 6000px et prend 3375px en hauteur, avec un centre mathématique à la source y=312,5. Les tailles d'exportation peuvent ensuite mettre à l'échelle chaque rectangle recadré. Aucune de ces opérations n’évoque un contenu manquant : les côtés exclus sont absents de la nouvelle image.
Arrondi, décalages fractionnaires et canevas d'exportation de taille entière
Les canevas d'exportation ont des dimensions en pixels entières, mais drawImage peut positionner une source mise à l'échelle à des coordonnées fractionnaires. Dans l'exemple 16:9, 625 lignes sources sont exclues, ce qui donne un début théorique centré de y=312,5. Un outil qui coupe uniquement des lignes source entières doit choisir 312 ou 313 ; ToolAcre centre à la place un cadre de couverture mis à l'échelle et permet au canevas d'échantillonner son bord fractionnaire. Le canevas d'exportation a le rapport hauteur/largeur choisi, bien que les pixels de bordure puissent être interpolés. La modification répétée d'une image déjà exportée aggrave le rééchantillonnage ou l'encodage avec perte ; commencez chaque placement par le maître.
Ce que cela ne couvre pas : les dimensions actuelles des pixels des plates-formes, qui changent ; consultez les propres conseils de la plateforme pour les chiffres
Cette arithmétique ne vous indique pas les dimensions actuelles en pixels d’une plate-forme, les zones de sécurité pour les contrôles superposés ou les paramètres de compression préférés. Ces exigences changent indépendamment des ratios. Le recadrage ne peut pas non plus récupérer un sujet coupé lorsque l'appareil photo a pris la photo ou augmenter les détails d'un original basse résolution. Vérifiez les indications actuelles de la destination avant de produire des centaines d’éléments, puis inspectez chaque aperçu exporté plutôt que de supposer qu’un cadre mathématiquement correct constitue une bonne composition.
À retenir : l'arithmétique est fixe même lorsque les spécifications changent - Social Image Resizer l'applique pour vous, en recadrant au rapport choisi dans votre navigateur.
Les ratios sont arithmétiques fixes même lorsque les spécifications des médias sociaux changent. Social Image Resizer effectue le recadrage et la mise à l'échelle du canevas dans votre navigateur, en gardant l'image source locale. Choisissez 1:1, 4:5, 9:16 ou 16:9, déplacez le recadrage vers la partie importante et comparez les exportations côte à côte : le bon calcul vous indique ce qui convient, tandis que vous décidez de ce que le public doit voir.