CodeKitHubEn quoi consiste cet outil ?
Un diviseur d'image découpe une seule image source en une grille de tuiles plus petites de taille égale, le plus souvent pour la tendance "mise en page en grille" d'Instagram, où une seule photo ou illustration large est publiée sous forme d'une séquence d'images carrées individuelles qui se recomposent en l'original lorsqu'elles sont vues ensemble sur une grille de profil.
La technique elle-même relève de la géométrie simple — la largeur et la hauteur de l'image source sont chacune divisées par le nombre de colonnes et de lignes, et chaque rectangle obtenu est découpé en tant que fichier distinct — mais le faire précisément à la main dans un éditeur photo généraliste est délicat et sujet aux erreurs, surtout pour une grille 3x3 ou plus grande, où un léger décalage sur une tuile fausse toute la séquence.
Cet outil calcule précisément les limites de la grille à partir des dimensions réelles en pixels de l'image et affiche chaque tuile grâce à l'API Canvas HTML5 entièrement dans votre navigateur, de sorte que chaque tuile s'aligne exactement et que l'image elle-même n'a jamais besoin de quitter votre appareil.
Pourquoi l'utiliser ?
- Un illustrateur vient de livrer une fresque panoramique pour un lancement de marque et le plan de contenu prévoit une prise de contrôle complète de la grille 3x3 le jour de l'annonce — vous importez l'image et téléchargez les neuf tuiles prêtes en une minute.
- Vous voulez faire une révélation "avant/après" sur deux publications consécutives sans mesurer les pixels à la main dans Photoshop pour que les deux moitiés s'alignent parfaitement.
- Vous gérez le compte Instagram d'une marque et le client demande chaque semaine des publications en carrousel à partir de larges bannières de campagne — il vous faut répéter le même découpage encore et encore sans perdre de temps à chaque fois.
- Vous avez déjà essayé de découper une photo à la main dans votre éditeur habituel et les tuiles ne s'alignaient pas une fois publiées — un léger décalage de pixels dans un coin a suffi à gâcher toute la grille.
- Vous travaillez avec des données clients ou des visuels produit non encore publiés et avez besoin d'un outil qui ne télécharge pas le fichier sur un serveur avant le lancement officiel.
Mode d'emploi
- Cliquez sur la zone de dépôt (ou glissez-déposez) pour choisir une image depuis votre appareil.
- Choisissez une taille de grille — 1x2, 1x3, 2x2, 3x3 ou 1x4 — dans le menu déroulant.
- Prévisualisez instantanément les tuiles résultantes sous les contrôles.
- Cliquez sur "Tout télécharger (ZIP)" pour obtenir chaque tuile sous forme de fichier PNG numéroté dans une seule archive ZIP.
Exemple
Entrée
Une photo carrée de 1200×1200px, grille : 3x3Résultat
9 tuiles de 400×400px chacune, de tile-1.png à tile-9.pngLes tuiles sont numérotées de gauche à droite, de haut en bas — le même ordre que celui dans lequel vous les publieriez sur Instagram (en commençant par la tuile en bas à droite et en remontant, de sorte qu'à mesure que vous publiez de nouvelles publications, les anciennes tuiles sont repoussées vers le bas et la grille se recompose correctement).
Tailles de grille courantes et leurs usages
Différentes tailles de grille conviennent à différents types de publications et de révélations.
| Grille | Tuiles | Usage typique |
|---|---|---|
| 1x2 | 2 | Révélation simple avant/après ou en deux parties |
| 2x2 | 4 | Petite révélation carrée, rapide à publier |
| 1x3 | 3 | Une seule rangée sur trois publications consécutives |
| 3x3 | 9 | Prise de contrôle complète de la grille de profil — la mise en page classique de la grille Instagram |
| 1x4 | 4 | Un panorama large divisé sur quatre publications consécutives |
Outils associés
Pour d'autres outils d'édition d'image locale, essayez ceux-ci.
→ Redimensionneur d'image · Compresseur d'image · Recadreur d'image
Ordre de publication : pourquoi on poste à l'envers
Si les tuiles sont numérotées en partant du coin inférieur droit plutôt que du coin supérieur gauche, c'est lié au fonctionnement du fil Instagram : chaque nouvelle publication se place toujours en première position (en haut à gauche) et repousse le reste vers le bas, donc en publiant les tuiles dans l'ordre de lecture "naturel", la grille finirait inversée.
En publiant d'abord la tuile en bas à droite, puis celle du milieu de la rangée du bas, et ainsi de suite jusqu'à terminer par la tuile en haut à gauche, chaque nouvelle publication repousse le reste exactement à la bonne position — en publiant la dernière tuile (en haut à gauche), l'image complète se recompose parfaitement sur votre profil.
Si votre compte a déjà d'anciennes publications en dessous, notez que l'effet de grille ne fonctionne qu'avec les tuiles contiguës les plus récentes — toute publication intercalée entre les tuiles casse l'illusion, il vaut donc mieux toutes les poster à la suite sans rien publier d'autre entre-temps.
Foire aux questions
Quelle taille de grille dois-je utiliser pour une grille de profil Instagram ?
3x3 (9 tuiles) est le choix le plus courant, car il remplit exactement une fois une vue de profil Instagram standard à trois colonnes. Une division 2x2 ou 1x3 convient pour une révélation plus petite qui ne prend pas toute votre grille récente.
Dans quel ordre dois-je publier les tuiles ?
Comme la grille Instagram affiche les publications les plus récentes en premier (en haut à gauche), vous devez généralement publier les tuiles dans l'ordre inverse — en commençant par la tuile en bas à droite de votre grille et en terminant par celle en haut à gauche — afin qu'une fois toutes les tuiles publiées, elles se lisent correctement de gauche à droite et de haut en bas.
L'image doit-elle être un carré parfait ?
Non, mais pour une mise en page en grille symétrique (comme 3x3), une image source carrée donne des tuiles carrées, ce qui correspond à la façon dont Instagram recadre les publications en grille carrée. Une image non carrée se divisera quand même de manière uniforme, mais en tuiles rectangulaires plutôt que carrées.
Dans quel format de fichier les tuiles sont-elles enregistrées ?
Chaque tuile est exportée sous forme de fichier PNG dans l'archive ZIP téléchargée, ce qui préserve la qualité sans recompression avec perte.
Mon image est-elle téléchargée quelque part ?
Non. L'image est lue directement dans votre navigateur et divisée à l'aide de l'API Canvas entièrement côté client. Rien n'est envoyé à un serveur — le fichier ZIP est lui aussi assemblé localement dans votre navigateur.
Quelle résolution minimale faut-il pour mon image source pour une grille 3x3 ?
Plus l'image d'origine est grande, mieux chaque tuile s'affichera dans la grille finale. À titre de repère, Instagram affiche chaque vignette de profil à environ 340×340px, donc une image source d'au moins 1200×1200px (donnant des tuiles de 400×400px sur une grille 3x3) laisse largement de la marge sans pixellisation visible.
Puis-je utiliser une grille non carrée, comme un rectangle panoramique large ?
Oui — les options 1x2, 1x3 et 1x4 sont conçues exactement pour cela : elles divisent l'image en bandes horizontales plutôt qu'en tuiles carrées, idéales pour une bannière panoramique répartie sur plusieurs publications d'un carrousel ou d'une rangée de grille.
Que se passe-t-il si mon image ne se divise pas en parts exactement égales, par exemple si la largeur n'est pas un multiple de 3 ?
L'outil calcule les limites de chaque tuile à partir des dimensions réelles en pixels, en arrondissant en interne si nécessaire, donc les tuiles obtenues sont pratiquement identiques en taille même si la largeur ou la hauteur d'origine ne se divise pas en nombres exacts — l'écart, s'il existe, est d'un pixel au maximum et ne se voit pas à l'œil nu.
Puis-je diviser plusieurs images à la fois ?
Non — cet outil traite une image par session. Pour diviser plusieurs photos, répétez le processus pour chacune ; comme tout se passe localement dans votre navigateur sans téléversement, chaque division est quasiment instantanée.