Guide du montage photo

Combinez plusieurs images en grilles, mises en page libres ou styles magazine. Ajustez l'espacement, les bordures, la couleur de fond et le format. Chaque opération s'exécute localement dans votre navigateur — aucun transfert vers un serveur.

Ce dont vous avez besoin

Navigateur — Chrome, Firefox, Safari ou Edge avec support OffscreenCanvas Formats — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP ou TIFF Limite — 20 Mo par fichier (tout fichier dépassant 20 Mo sera rejeté) Compte — Aucun requis Internet — Non nécessaire après le chargement de la page

Créer votre montage

Ouvrez l'outil de montage photo dans votre navigateur. Faites glisser plusieurs fichiers image depuis votre explorateur de fichiers et déposez-les dans la zone de téléchargement. Vous pouvez également cliquer sur la zone pour sélectionner plusieurs fichiers.

Chaque fichier doit être inférieur à 20 Mo. Choisissez votre type de mise en page : grille, libre ou magazine. La grille organise les images en lignes et colonnes uniformes.

Le mode libre vous permet de déplacer et positionner chaque image n'importe où sur la zone de travail. Le style magazine applique une mise en page éditoriale avec des tailles et positions variées. Définissez la couleur de fond via le sélecteur.

Ajustez l'espacement entre les images avec le curseur. Ajoutez des bordures en réglant leur largeur et leur couleur. Pour les grilles, choisissez le nombre de colonnes.

Pour les magazines, ajustez le format de la zone de travail. Cliquez sur le bouton de génération. L'API OffscreenCanvas compose toutes les images sur une seule zone.

libvips positionne chaque image selon votre choix, applique l'espacement et les bordures, et remplit l'arrière-plan. Aucune donnée n'est transmise sur le réseau. Une fois le montage généré, un bouton de téléchargement apparaît.

Cliquez dessus pour enregistrer le résultat. Le navigateur écrit le fichier directement de la mémoire vers le disque. Après le téléchargement, libvips libère automatiquement les tampons mémoire temporaires.

Comment cela fonctionne

L'outil de montage photo utilise l'API OffscreenCanvas pour composer plusieurs images sur une seule zone. Lorsque vous téléchargez des images, le navigateur les lit directement en mémoire — aucun transfert serveur n'a lieu.

libvips calcule les dimensions de la zone de travail en fonction de votre mise en page et du nombre d'images. Pour les grilles, il divise la zone en cellules uniformes en calculant les dimensions des lignes et colonnes, assurant une allocation égale des pixels. Pour les mises en page libres, il utilise un arrangement par défaut que vous pouvez modifier en déplaçant chaque image.

Pour les styles magazine, il applique des règles éditoriales où les images plus grandes occupent plus d'espace et les plus petites comblent les vides.

Chaque image est dessinée sur la zone à sa position calculée via le rendu OffscreenCanvas. libvips applique l'espacement en laissant des écarts entre les cellules, ajoute des bordures en traçant des rectangles avec la largeur et la couleur choisies, et remplit l'arrière-plan avant la composition des images.

Après la composition, libvips convertit la zone en image PNG ou JPEG via la méthode toBlob, qui encode les données de pixels dans le format choisi. Le blob binaire résultant est fourni via URL. createObjectURL, créant une référence mémoire temporaire utilisée par le navigateur pour le téléchargement.

Une fois terminé, libvips appelle URL. revokeObjectURL pour libérer la mémoire allouée.

Les fichiers sont traités entièrement dans votre navigateur via OffscreenCanvas. Ils ne sont jamais envoyés aux serveurs de ConvertCraft. Vos fichiers originaux restent sur votre appareil — libvips les lit en mémoire, compose le montage et supprime les tampons de pixels après le téléchargement.

En cas de problème

Certains fichiers ne se chargent pas : ils dépassent la limite de 20 Mo. L'OffscreenCanvas fonctionne avec des limites de mémoire strictes. Traiter des images plus lourdes nécessite des tampons de pixels non compressés massifs en RAM, ce qui peut faire planter l'onglet du navigateur.

Les images semblent déformées : la mise en page ajuste les images pour qu'elles s'adaptent aux cellules, ce qui peut altérer les proportions. Utilisez l'option de format original ou ajustez les dimensions des cellules.

La zone de travail est trop grande : trop d'images haute résolution produisent une zone très vaste. Le navigateur peut manquer de mémoire. Réduisez le nombre d'images ou utilisez des fichiers source de résolution inférieure.

Le montage semble mal aligné : les grilles nécessitent des images aux dimensions cohérentes. Des formats disparates produisent un espacement irrégulier. Recadrez vos images avant le téléchargement.

### Combien d'images puis-je inclure ?

La limite pratique dépend de la mémoire disponible de votre navigateur. libvips traite les images séquentiellement pour gérer les contraintes mémoire. Si vous rencontrez des ralentissements, essayez de réduire le nombre d'images.

### Puis-je ajuster la position de chaque image ?

Les mises en page libres permettent de déplacer chaque image n'importe où. Les grilles et magazines utilisent des règles de positionnement fixes. Passez en mode libre pour un contrôle manuel.

### Quel est le format de sortie ?

Le montage est enregistré par défaut en PNG pour une qualité sans perte. Vous pouvez choisir JPEG pour des fichiers plus légers avec compression. La sélection du format est disponible avant le téléchargement.