Every tool, explained. Filter the topics on the left, or search from the bar above.

Shape Collage

Collage de formes

Try it →

Overview

Cut up to 10 photos into shapes — square, rounded, pill, circle, ellipse, triangle, rhombus, pentagon, hexagon or octagon — give each a colored border, and arrange them freely on one canvas. Everything runs in your browser: your images are never uploaded to a server.

How to use

  1. Open Shape Collage from the sidebar.
  2. Drop up to ten images onto the drop zone, or click to browse. You can add more at any time with the Add images tile until you reach ten. Photos start on a grid of square tiles.
  3. Click a thumbnail to select it, or shift-click to select several. The thumbnail shows the photo in its current shape, and a dashed box marks the selection on the preview.
  4. In the Shape card, pick a shape and a Tile proportion, then set the Border thickness and color. Palette colours gives every photo a different matching color; Colours from photos uses each photo's own average color; Apply to all images copies the selected photo's shape, tile and border to the rest.
  5. In Photo inside the shape, choose Fill (the photo covers the shape) or Fit (the whole photo shows, with a mat around it), zoom in, and switch Drag moves to Photo to drag the picture around inside its shape. Reset photo centres it again.
  6. Arrange: drag a photo on the preview to move it; it snaps to the edges and centres of the other photos with a blue guide line. Arrow keys nudge the selection by 1 px, 10 px with shift. In Position, set Size, Rotate to any angle up to 360°, Align, Distribute three or more selected photos evenly, and Send to back or Bring to front.
  7. In the Collage card, pick a starting Arrangement — Grid, Row, Overlap, Staggered, Diagonal or Ring — then the columns and spacing for the grid, the Canvas size, a background and an optional Drop shadow.
  8. Pick a Format and click Download collage, or Download this shape for the selected photo alone as a transparent PNG.

Options

  • Shape, Tile, Border, Fill/Fit, Zoom, Size and Rotate apply to every selected photo, so you can style several at once.
  • Align with one photo selected aligns it to the canvas; with several selected it lines them up with each other.
  • Canvas — Fit content trims the output to the photos plus the spacing as a margin, so a row of three overlapping circles makes a wide image, not a square with empty space. Grid keeps the grid's size; Custom lets you type a width and height.
  • Spacing is the gap between grid cells and the margin around the canvas.
  • Background stays transparent for PNG and WebP unless you pick a color; JPEG always has one.
  • Drop shadow lifts each shape off the background, which separates overlapping photos.

Tips

  • For screenshots, use Rounded or Pill with a 16:9 or 4:3 tile; a circle throws away the corners where the text usually is.
  • If the important part of a photo is cut off, switch Drag moves to Photo and slide the picture inside its shape, or choose Fit.
  • Mixed sizes work: make one photo the hero at 150% and the others smaller, then Distribute them.
  • The thumbnail arrows change the stacking order one step at a time: later in the strip means further in front.
  • A photo dragged past the edge of a Grid or Custom canvas is cut off at the edge; Fit content always includes it.

Privacy

Shape Collage is a fully client-side tool. Your images never leave your device, nothing is uploaded, and nothing is stored.

Aperçu

Découpez jusqu'à 10 photos en formes — carré, arrondi, pilule, cercle, ellipse, triangle, losange, pentagone, hexagone ou octogone — donnez à chacune une bordure colorée et disposez-les librement sur un canevas. Tout se passe dans votre navigateur : vos images ne sont jamais envoyées vers un serveur.

Comment l'utiliser

  1. Ouvrez Collage de formes depuis la barre latérale.
  2. Déposez jusqu'à dix images sur la zone de dépôt, ou cliquez pour parcourir. Vous pouvez en ajouter à tout moment avec la tuile Ajouter des images, jusqu'à dix. Les photos démarrent sur une grille de tuiles carrées.
  3. Cliquez sur une vignette pour la sélectionner, ou maj-clic pour en sélectionner plusieurs. La vignette montre la photo dans sa forme actuelle et un cadre en pointillés marque la sélection sur l'aperçu.
  4. Dans la carte Forme, choisissez une forme et une proportion de Tuile, puis l'épaisseur et la couleur de la Bordure. Couleurs de palette donne à chaque photo une couleur différente et assortie ; Couleurs des photos utilise la couleur moyenne de chaque photo ; Appliquer à toutes les images copie la forme, la tuile et la bordure de la photo sélectionnée sur les autres.
  5. Dans Photo dans la forme, choisissez Remplir (la photo couvre la forme) ou Ajuster (toute la photo est visible, avec un passe-partout), zoomez, et passez Le glisser déplace sur La photo pour faire glisser l'image à l'intérieur de sa forme. Réinitialiser la photo la recentre.
  6. Composez : glissez une photo sur l'aperçu pour la déplacer ; elle s'aimante aux bords et aux centres des autres photos avec un repère bleu. Les flèches du clavier décalent la sélection de 1 px, de 10 px avec maj. Dans Position, réglez la Taille, la Rotation jusqu'à 360°, Aligner, Répartir régulièrement trois photos sélectionnées ou plus, et Mettre à l'arrière ou Mettre au premier plan.
  7. Dans la carte Collage, choisissez une disposition de départ dans Disposer — Grille, Rangée, Chevauchement, En quinconce, Diagonale ou Anneau — puis les colonnes et l'espacement de la grille, la taille du Canevas, un arrière-plan et une Ombre portée facultative.
  8. Choisissez un Format et cliquez sur Télécharger le collage, ou Télécharger cette forme pour la photo sélectionnée seule, en PNG transparent.

Options

  • Forme, Tuile, Bordure, Remplir/Ajuster, Zoom, Taille et Rotation s'appliquent à toutes les photos sélectionnées : vous pouvez en styler plusieurs d'un coup.
  • Aligner avec une seule photo sélectionnée l'aligne sur le canevas ; avec plusieurs, elles s'alignent entre elles.
  • Canevas — Ajusté au contenu réduit la sortie aux photos plus l'espacement en marge : une rangée de trois cercles qui se chevauchent donne une image large, pas un carré avec du vide. Grille garde la taille de la grille ; Personnalisé permet de saisir une largeur et une hauteur.
  • Espacement est l'écart entre les cases de la grille et la marge autour du canevas.
  • Arrière-plan reste transparent en PNG et WebP tant que vous ne choisissez pas de couleur ; le JPEG en a toujours un.
  • Ombre portée détache chaque forme du fond, ce qui sépare les photos qui se chevauchent.

Astuces

  • Pour des captures d'écran, utilisez Arrondi ou Pilule avec une tuile 16:9 ou 4:3 ; un cercle sacrifie les coins, là où se trouve souvent le texte.
  • Si la partie importante d'une photo est coupée, passez Le glisser déplace sur La photo et faites glisser l'image dans sa forme, ou choisissez Ajuster.
  • Les tailles mixtes fonctionnent : mettez une photo en vedette à 150 % et les autres plus petites, puis Répartir.
  • Les flèches des vignettes changent l'ordre d'empilement d'un cran : plus loin dans la bande signifie plus en avant.
  • Une photo glissée au-delà du bord d'un canevas Grille ou Personnalisé est coupée au bord ; Ajusté au contenu l'inclut toujours.

Confidentialité

Collage de formes est un outil entièrement côté client. Vos images ne quittent jamais votre appareil, rien n'est envoyé, rien n'est conservé.