À propos de cet outil
Un collage transforme quelques photos éparses en une seule image partageable — une grille 2×2 d'un voyage, une bande 3×1 de photos de produits, ou une grande mosaïque 3×3 pour un moodboard. Cet outil construit cette grille entièrement dans votre navigateur : ajoutez vos images, choisissez le nombre de lignes et de colonnes, réglez l'espacement et la couleur de fond visible dans les interstices, et il compose le tout sur un seul canevas que vous pouvez télécharger en PNG ou en JPG.
Chaque photo est redimensionnée pour remplir entièrement sa cellule et rognée en son centre pour correspondre au rapport d'aspect de la cellule — le même comportement que `object-fit: cover` en CSS — afin que les photos portrait et paysage s'ajustent parfaitement à leurs voisines au lieu d'être écrasées ou entourées de bandes vides. Les images remplissent la grille dans l'ordre où vous les avez ajoutées ; si vous ajoutez plus de photos que la grille n'a de cellules, les surplus sont simplement ignorés (avec une note), et si vous en ajoutez moins, les cellules restantes gardent la couleur de fond. Rien n'est envoyé sur un serveur — tout le collage est dessiné localement avec l'API Canvas et ne quitte jamais votre appareil.
Questions fréquentes
Que se passe-t-il si une image ne correspond pas au rapport d'aspect de la cellule ?
Elle est mise à l'échelle pour couvrir entièrement la cellule (comme le CSS `object-fit: cover`), puis recadrée à partir du centre pour s'ajuster — l'image remplit toujours sa cellule de bord à bord sans distorsion ni barres vides de type letterbox, mais toute partie qui ne correspond pas aux proportions de la cellule est coupée sur les côtés ou en haut/bas.
Puis-je utiliser un nombre d'images différent du nombre de cellules de la grille ?
Oui, les deux cas sont gérés proprement : avec moins d'images que de cellules, les cellules restantes affichent simplement la couleur d'arrière-plan choisie ; avec plus d'images que de cellules, les images en trop sont simplement ignorées (avec une note indiquant combien ont été exclues) plutôt que de provoquer une erreur — ajustez les lignes×colonnes pour correspondre exactement si vous voulez inclure toutes les images.