Règle des tiers : lignes et points en pixels

Vous pouvez exploiter ce résultat dans un éditeur, une interface d’appareil photo, un outil de recadrage, un système de design ou un traitement automatisé. Lorsqu’une dimension n’est pas divisible par trois, les positions fractionnaires sont conservées afin que l’environnement graphique choisisse le rendu le mieux adapté.

Ce que représentent les coordonnées de la règle des tiers

Une grille de règle des tiers partage une image rectangulaire en trois colonnes et trois rangées égales. Ce calculateur place les guides verticaux au premier et au deuxième tiers de la largeur fournie, puis les guides horizontaux au premier et au deuxième tiers de la hauteur. Leurs croisements produisent quatre repères souvent employés pour positionner un sujet, un visage, un détail de l’horizon ou un autre point d’intérêt visuel. L’origine se situe dans l’angle supérieur gauche : x augmente vers la droite et y vers le bas. Cette convention correspond aux systèmes courants de graphisme matriciel, de canvas web, de navigateur et de retouche d’image. La réponse rappelle les dimensions initiales et sépare les lignes verticales, les lignes horizontales et les intersections pour simplifier leur traitement. Elle n’analyse pas les pixels, ne juge pas la composition, ne recadre rien et ne déplace aucun sujet. Elle fournit une géométrie déterministe qu’une autre application peut afficher, mémoriser, comparer ou employer comme aide à la composition.

Gestion des pixels fractionnaires et validation

Chaque coordonnée est calculée directement à partir de la dimension complète, sans arrondi intermédiaire. Pour une largeur de 1200 pixels, les guides verticaux se trouvent exactement aux valeurs x 400 et 800. Avec 1000 pixels, ils se trouvent à 333.3333333333333 et 666.6666666666666 selon la représentation numérique de JavaScript. La conservation des fractions est importante, car les moteurs de rendu ont des besoins différents : un canvas vectoriel accepte des positions sous-pixel, tandis qu’un traitement matriciel peut préférer l’entier inférieur, l’entier supérieur, l’entier le plus proche ou un alignement propre à l’appareil. Un arrondi arbitraire dans le calculateur supprimerait ce choix et pourrait rendre une zone extérieure plus large que l’autre. La largeur et la hauteur doivent être des entiers positifs et finis puisqu’elles décrivent une image matricielle. La valeur zéro est expressément refusée : une image sans largeur ou sans hauteur ne possède aucune surface géométrique exploitable. Les valeurs négatives, fractions, champs absents, chaînes, infinis et données non numériques déclenchent également une erreur d’entrée invalide.

Exploiter le résultat dans un éditeur ou un traitement automatisé

Pour dessiner la grille, tracez chaque guide vertical depuis y égal à zéro jusqu’à la hauteur complète, à la coordonnée x renvoyée. Tracez chaque guide horizontal depuis x égal à zéro jusqu’à la largeur complète, à sa coordonnée y. Les quatre intersections peuvent servir de poignées, de cibles, de marqueurs ou de points d’accrochage sans reconstruire leurs combinaisons. Dans un aperçu adaptatif, effectuez le calcul avec les véritables dimensions de l’image en pixels plutôt qu’avec sa taille CSS, puis appliquez aux coordonnées le même facteur d’échelle qu’à l’image. Pour un recadrage, calculez la grille sur le rectangle final après avoir déterminé ses dimensions, puisque les tiers se rapportent au cadrage définitif. La fonction est pure et n’utilise ni réseau, ni hasard, ni horodatage, ni décodage d’image, ni état enregistré. Une entrée identique produit donc toujours le même JSON, ce qui convient aux outils web, validations serveur, tests et chaînes reproductibles. L’usage dans le navigateur est gratuit ; une requête API coûte $0.002.