grid_on Diviseur de grille d'image star

Comment ça fonctionne

L'outil charge votre photo sur un canvas HTML, divise ce canevas en une grille N×M selon le nombre de lignes et de colonnes que vous choisissez, puis découpe chaque cellule en image distincte par extraction de région sur le canvas — aucun serveur ne voit jamais les pixels. Chaque tuile résultante est proposée en téléchargement séparé sous forme de PNG, à la même résolution que la région d'origine découpée : une image de 3000×3000 px divisée en grille 3×3 produit ainsi neuf tuiles de 1000×1000 px.

Le cas d'usage précis autour duquel cet outil est conçu — la grille multi-publications Instagram — existe parce qu'Instagram n'a jamais nativement pris en charge une seule publication « puzzle » multi-images s'étalant sur plusieurs cases de la grille de profil. Pour simuler cet effet, les créateurs ont dû pré-découper manuellement une image large en tuiles carrées individuelles et publier chacune séparément. Comme la grille de profil d'Instagram affiche les publications de la plus récente à la plus ancienne, en lisant de gauche à droite puis de haut en bas, les tuiles doivent être publiées dans l'ordre inverse de la lecture naturelle — en commençant par la tuile en bas à droite et en remontant, de droite à gauche dans chaque ligne, la ligne du bas avant celles du dessus — afin qu'une fois les neuf publications en place, l'affichage du plus récent au plus ancien reconstitue l'image correcte, de gauche à droite et de haut en bas.

Exemple : pour une grille 3×3, la tuile 1 (coin supérieur gauche de l'image) doit être la dernière publication que vous publiez ; la tuile 9 (coin inférieur droit) doit être la première. Publier dans l'ordre de lecture normal produit à la place une grille brouillée et comme inversée sur votre profil — l'erreur la plus courante avec cette technique.

Ce qu'il faut savoir

• Le format compte : une image source carrée (1:1) se divise en tuiles carrées nettes pour Instagram ; une photo non carrée produit des tuiles non carrées, ce qui convient pour des affiches mais se fera recadrer de façon imprévisible par le propre recadrage carré des miniatures d'Instagram, à moins de rendre l'image carrée au préalable.
• Découpage sans perte : chaque tuile est extraite en pleine résolution depuis le bitmap d'origine puis exportée en PNG, donc le découpage lui-même n'introduit aucun artefact de compression — toute perte de qualité ultérieure vient de la recompression appliquée par la plateforme au moment de la publication.
• L'ordre de publication est toute l'astuce : le découpage en lui-même est simple ; obtenir une grille qui a l'air correcte dépend entièrement de la publication des tuiles dans l'ordre de lecture inversé, en commençant par le bas à droite.
• Pas seulement pour Instagram : le même découpage N×M fonctionne pour imprimer une grande affiche sur plusieurs feuilles de papier, ou tout autre projet nécessitant de diviser une seule image en une grille régulière de tuiles.