Découper une image en tuiles

Coupez une image en une grille de tuiles — et récupérez chaque morceau dans un seul ZIP.

100 % privé — fonctionne entièrement dans votre navigateur. Vos données sont traitées sur votre appareil et ne sont jamais envoyées sur Internet.

Cliquez pour envoyer ou déposez une image ici

PNG, JPG, WebP ou GIF — découpée dans votre navigateur, jamais envoyée

À propos du découpage d'une image

Une image, plusieurs morceaux. Une photo qui devient une grille 3×3 sur un profil. Une grande image coupée en tuiles pour l'imprimer sur plusieurs feuilles. Une planche de sprites débitée en images. Une photo transformée en cartes de puzzle.

À la main, cela veut dire recadrer, exporter, renommer, et recommencer neuf fois en essayant de ne pas perdre une rangée de pixels aux jointures.

Déposez l'image, dites comment la couper, et toutes les tuiles reviennent dans un seul ZIP.

Comment l'utiliser

  • Cliquez sur Cliquez pour envoyer ou déposez votre image sur la page
  • Prenez un préréglage — la grille Instagram 3 × 3 y est — ou fixez vos propres lignes et colonnes, ou une taille de tuile en pixels
  • Regardez l'aperçu : il montre l'image déjà séparée en les tuiles que vous obtiendrez
  • Appuyez sur Découper les tuiles
  • Enregistrez le ZIP, ou cliquez sur une tuile pour n'enregistrer que celle-là

L'aperçu est le résultat

L'image à droite n'est pas la photo source avec des traits par-dessus. Chaque tuile que vous

voyez est un morceau à part entière, qui montre sa propre portion de l'image, disposée avec

un espace entre les morceaux. L'aperçu répond donc à la question qui compte : ce qu'il y

aura vraiment dans chaque fichier.

Il se met à jour quand vous changez les nombres, parce que rien n'est encore découpé — chaque

tuile est la même image derrière une fenêtre à la taille de cette tuile. Changer la grille

est un changement de mise en page, ce qui lui permet de suivre un curseur.

Dès que vous appuyez sur Découper les tuiles, ces mêmes tuiles deviennent les vrais

fichiers. Survolez-en une et une icône d'enregistrement apparaît ; cliquez et seule cette

tuile est enregistrée. Le bouton ZIP les prend toutes.

Deux réglages sous Cet aperçu — l'espace entre les tuiles et les noms des tuiles — ne

changent que ce que vous regardez. Ils n'ont jamais d'effet sur les fichiers.

Deux façons de le dire

  • Une grille — « 3 sur 3 ». Vous décidez du nombre de morceaux, et la taille des tuiles découle de la taille de l'image. C'est le bon choix pour une grille de profil, un puzzle ou un jeu de cartes
  • Taille de tuile en pixels — « 512 sur 512 ». Vous décidez de la taille de chaque morceau, et le nombre en découle. C'est le bon choix pour les planches de sprites, les tuiles de carte et les feuilles d'impression

Ce qui se passe sur les bords

C'est le détail qui décide si le résultat est utilisable.

Les deux modes le gèrent différemment, et c'est voulu dans les deux cas.

Une grille répartit les pixels restants entre les tuiles : une image de 1000 pixels coupée en 3 donne 333, 334 et 333 — un pixel d'écart, que personne ne remarquera jamais. Aucune tuile n'est visiblement plus petite que ses voisines.

Une taille de tuile fixe ne peut pas faire cela, puisque vous avez demandé une taille exacte. Une image de 1000 pixels coupée en tuiles de 300 donne trois tuiles pleines et un reste de 100 pixels. Cette dernière reste courte. La compléter ajouterait un fond que l'image n'a jamais eu, et l'étirer déformerait le contenu — donc ni l'un ni l'autre, et l'aperçu le signale quand cela arrive.

Vous pouvez le voir plutôt que de devoir le croire : les tuiles sont dessinées à leurs tailles relatives réelles, donc une tuile de bord plus courte a l'air plus courte.

Chaque pixel de l'original se retrouve dans exactement une tuile. Rien n'est perdu à une jointure et rien n'est dupliqué.

Le nommage, pour que les morceaux se remettent en place

Les tuiles sont nommées selon leur position : photo-r01c01.png, photo-r01c02.png, etc. — la ligne d'abord, puis la colonne, avec des zéros devant.

Un tri alphabétique n'importe où — dans un gestionnaire de fichiers, dans une boîte d'envoi — les met donc dans l'ordre de lecture, de gauche à droite et de haut en bas. Pour une grille Instagram, rappelez-vous que les publications apparaissent des plus récentes aux plus anciennes : envoyez-les dans l'ordre inverse.

PNG ou JPG

  • PNG garde les pixels exacts. Une tuile est, octet pour octet, la portion de l'original dont elle vient, et la transparence est conservée. Le bon choix pour les graphiques, les captures d'écran et tout ce qui sera encore retouché
  • JPG donne des fichiers bien plus légers, avec un curseur de qualité. Le bon choix pour les photos. Les zones transparentes deviennent blanches, le JPG n'ayant pas de transparence

À quoi ça sert

  • Faire une grille Instagram 3 × 3 à partir d'une photo
  • Couper une grande image en feuilles d'impression à assembler en affiche
  • Débiter une planche de sprites en images séparées
  • Faire des pièces de puzzle ou des cartes mémoire à partir d'une image
  • Couper une carte ou un plan en tuiles pour une visionneuse
  • Découper une longue capture d'écran en morceaux lisibles

Bon à savoir

  • Rien n'est envoyé. L'image est découpée dans votre navigateur et ne quitte jamais votre appareil
  • Le fichier d'origine n'est pas modifié — vous obtenez de nouvelles tuiles
  • Jusqu'à 400 tuiles d'un coup, pour qu'une grille emballée ne fige pas la page
  • Fonctionne avec PNG, JPG, WebP et GIF (la première image d'un GIF animé)
  • Toutes les tuiles arrivent dans un seul ZIP — ou cliquez sur une tuile pour n'enregistrer que celle-là
  • Fonctionne sur téléphone et tablette aussi bien que sur ordinateur

Outils liés

Nous ajoutons régulièrement de nouveaux outils — abonnez-vous sur YouTube pour être averti à chaque nouveauté.