Combiner des images en grille, Outil en ligne gratuit

Passer au contenu
MergeFrame
Tous les guides

Guide pratique

Combiner des captures d'écran en une seule image : Outil gratuit sans upload

Vous venez de trouver un bug. Vous avez pris trois captures d'écran : le comportement attendu, l'état cassé, et l'erreur console. Vous devez les joindre à un ticket Jira. Mais envoyer trois images séparées signifie que votre collègue doit ouvrir chacune, reconstruire mentalement la séquence. Imaginez maintenant : une seule image. Attendu à gauche, cassé à droite, journal d'erreur en dessous. Clair, immédiat, sans aller-retour. C'est ce que fait une grille de captures, et MergeFrame la compose en un seul export : déposez les captures, choisissez la disposition, téléchargez le PNG.

Essayer MergeFrame (Gratuit)

MergeFrame traite tout localement dans votre navigateur. Pas d'upload. Pas de compte. Pas de filigrane. Pour les développeurs, ingénieurs QA, designers et rédacteurs techniques qui manipulent des captures sensibles quotidiennement, ce n'est pas un bonus. C'est une exigence.

**La grille de rapport de bug en 3 étapes : Attendu → Réel → Erreur.** Chaque rapport de bug devrait répondre à trois questions : (1) Que devait-il se passer ? (gauche), (2) Que s'est-il réellement passé ? (centre), (3) Qu'a dit le système ? (droite, erreur console). Ce format répond à ces trois questions dans une seule image.

**Grilles de captures pour les README GitHub.** Un README sans images est un mur de texte que personne ne lit. Une grille 2×3 résout cela. Intégrez avec Markdown : `![Grille de captures](captures/app-grille.png)`.

**Grilles UI pour la transmission designer-développeur.** Une seule grille montrant tous les états (défaut, survol, focus, erreur, vide, chargement) élimine l'ambiguïté. Ajoutez une comparaison 1×2 desktop/mobile.

**Guide des formats d'export :** PNG : toujours pour les captures, sans perte. JPEG : jamais pour les captures, artefacts de compression. WEBP : qualité PNG avec fichiers 25-35 % plus petits.

Comment faire : Étape par étape

  1. 1

    Capturez vos écrans

    Prenez toutes les captures nécessaires. Windows (Win+Maj+S), Mac (Cmd+Maj+4), Linux (ImprÉcran). Pour les bugs : état attendu, état cassé, erreur console.

  2. 2

    Ouvrez MergeFrame et définissez la disposition

    Allez sur mergeframe.com. Pour un bug standard : Bande de 3 ou 2×2. Pour la documentation : 1×2 (avant/après) ou 2×2 (étapes de processus).

  3. 3

    Collez ou glissez vos captures

    Collez depuis le presse-papiers (Ctrl+V / Cmd+V) : le flux le plus rapide puisque les captures sont déjà dans votre presse-papiers.

  4. 4

    Configurez les paramètres d'export

    Fond blanc ou transparent. Exportez en PNG (sans perte). Pour les bugs : 1920px de large suffisent. Pour l'impression : équivalent 300 DPI (~3300px pour A4).

  5. 5

    Exportez et joignez

    Cliquez sur exporter. Joignez à votre ticket Jira, issue GitHub, page Notion, document Confluence ou tâche Linear. Un seul fichier, tout visible.

Prêt à fusionner vos images ?

100% navigateur. Sans compte. Sans upload. Gratuit.

Ouvrir MergeFrame →

Questions fréquentes

Quel est le meilleur format pour les grilles de captures : PNG ou JPEG ?

Toujours PNG pour les captures. Le JPEG introduit des artefacts. Pour la plus petite taille sans perte, utilisez le WEBP sans perte, 25-35 % plus petit que le PNG.

Combien de captures inclure dans une grille de rapport de bug ?

Trois captures constituent une bonne base : comportement attendu, état cassé, erreur console. Utilisez une disposition Bande de 3. Ne dépassez jamais 6 captures.

Mes captures d'écran sont-elles à l'abri d'un upload ?

Oui. MergeFrame traite tout localement via l'API Canvas. Vos captures ne quittent jamais votre appareil. Vérifiez dans l'onglet Réseau : zéro requête d'upload.

Puis-je combiner des captures de différents systèmes d'exploitation ?

Oui. MergeFrame accepte les captures de Windows, macOS, Linux, iOS, Android aux formats PNG, JPEG, WEBP et BMP.

Quelle résolution d'export pour la documentation ?

Documentation web : 1920px. Impression : 300 DPI (~3300px pour A4, 2550px pour US Letter). Rapports de bugs : 1200-1600px suffisent.

Comment capturer les états de survol (hover) ?

Utilisez les DevTools pour forcer l'état :hover, puis capturez. Ou utilisez CleanShot X (macOS) ou ShareX (Windows) avec capture différée.

Outils gratuits similaires

Des guides gratuits, pas à pas, du même cas d'usage et de cas d'usage proches.

Recevez le pack de modèles gratuit

En option : 10 modèles de grilles réseaux sociaux à importer en 1 clic, plus quelques astuces MergeFrame. L'outil reste 100 % gratuit et sans compte : c'est un bonus.

MergeFrame : Combinez des images en grille. Gratuit. Sans compte. Navigateur uniquement.

Essayer MergeFrame Gratuitement →