Envoyer une capture d'écran au support sans vos données de compte

Cela fait vingt minutes que vous discutez avec le support, et l'agent vient de taper la phrase que vous redoutiez : « Pourriez-vous m'envoyer une capture d'écran de ce que vous voyez ? » C'est légitime. Le problème, c'est que l'écran qui montre le bug affiche aussi votre nom complet, votre adresse e-mail, les quatre derniers chiffres de votre carte, un numéro de commande et trois onglets de navigateur que vous préféreriez ne montrer à personne.

Il vous faut donc envoyer une capture d'écran au service client sans exposer vos données de compte, et cette capture doit aussi être utile. Une capture plein écran avec un minuscule message d'erreur quelque part en bas à gauche vous vaudra une réponse vous demandant où se trouve le problème. Une version où vos données personnelles sont gribouillées dans une appli d'annotation sur téléphone en cache souvent moins que vous ne le pensez.

Vous pouvez tout faire avec trois outils, dans un seul onglet du navigateur, avec un seul envoi au début et un seul téléchargement à la fin. Rien ne part vers un serveur en cours de route : la capture est traitée sur votre propre appareil, et c'est tout l'intérêt quand le fichier est rempli de choses que vous essayez justement de ne pas partager.

La chaîne en un coup d'œil

1. Réduisez la capture à la fenêtre qui montre le problème
2. Montrez le bug avec un cercle rouge et, si cela aide, une courte note
3. Masquez en noir ce qui est privé, puis vérifiez le résultat avant de l'envoyer

Étape 1 : supprimez tout ce qui n'est pas le problème

Le recadrage est l'étape la plus efficace de cette liste pour protéger votre vie privée, et c'est pour cette raison qu'elle vient en premier. Un pixel rogné a disparu. Un pixel flouté est toujours là, simplement plus difficile à lire.

Déposez votre PNG et faites glisser le cadre de recadrage jusqu'à ce qu'il entoure la fenêtre de l'application et rien d'autre. Vous vous débarrassez ainsi de la barre des tâches, des onglets du navigateur, de la notification surgie de votre discussion de groupe et, en général, de la barre latérale avec votre nom et votre avatar. Si vous voulez une taille exacte, saisissez-la dans Largeur (px) et Hauteur (px). Laissez tout de même un peu de contexte autour de l'erreur : un agent qui voit le titre de la page et le bouton sur lequel vous avez cliqué résout le problème plus vite qu'un agent face à une phrase rouge isolée.

Cliquez sur Recadrer l'image. Le résultat est toujours un PNG, donc le texte reste aussi net que sur la capture d'origine.

Ne le téléchargez pas. Ouvrez Autres outils compatibles sur l'écran de résultat et choisissez Dessiner des cercles rouges.

Recadrer une image →

Étape 2 : entourez ce qui ne fonctionne pas

« Le total est faux » ne veut rien dire pour quelqu'un qui regarde une page de paiement contenant onze nombres. Un cercle rouge autour du bon, si.

L'éditeur s'ouvre avec l'outil Cercle sélectionné en Rouge, ce qui est exactement ce qu'il vous faut. Tracez un cercle autour du problème. S'il y a deux choses à signaler, par exemple le prix dans le panier et le prix différent au moment du paiement, tracez deux cercles et passez à l'outil Texte pour ajouter une courte étiquette à côté de chacun : « panier » et « paiement » suffisent. L'outil Flèche est utile quand le problème est petit, comme un bouton désactivé ou une icône manquante, et qu'un cercle le masquerait.

Deux habitudes rendent le résultat plus lisible. Gardez le remplissage sur Contour pour que l'élément entouré reste visible en dessous, et limitez-vous à deux ou trois marques. Sept cercles, c'est comme aucun cercle.

Quand tout est clair, cliquez sur Télécharger l'image annotée. Malgré son nom, rien n'est encore enregistré sur votre appareil. Le bouton intègre vos marques à l'image et vous amène à l'écran de résultat. L'outil suivant ne figure pas dans la courte liste proposée, alors ouvrez Autres outils compatibles et choisissez Flouter une image.

Dessiner des cercles rouges →

Étape 3 : masquez en noir ce qui est privé, puis vérifiez

Tout ce qui a survécu au recadrage doit encore disparaître : l'e-mail dans le menu du compte, le numéro de commande dans le titre de la page, la carte se terminant par 4417 que le message d'erreur a l'obligeance de répéter.

L'outil s'ouvre en mode Image entière, qui floute tout. Passez en Zones seulement et tracez un rectangle sur chaque détail privé. Changez ensuite le Style, de Flou (par défaut) à Bande noire. C'est le réglage le plus important de tout le processus :

• Flou convient pour un visage à l'arrière-plan d'une photo.
• Pixelisation semble sûre sur du texte, mais de courtes chaînes dans une police connue peuvent parfois être reconstituées à partir des blocs.
• Bande noire remplace les pixels par du noir uni. Il ne reste rien à reconstituer.

Pour du texte dans une capture d'écran, utilisez Bande noire à chaque fois. Laissez Format de sortie sur PNG (sans perte) pour que le texte que vous avez laissé visible, y compris le message d'erreur, reste net et lisible pour l'agent.

Cliquez sur Appliquer le flou et examinez le résultat avant de faire quoi que ce soit d'autre. Zoomez sur chaque bande. Vérifiez les endroits qu'on oublie souvent : le titre du navigateur, un fil d'Ariane, une infobulle ouverte au moment de la capture, et l'URL si elle contient un numéro de commande. Si vous avez oublié quelque chose, revenez en arrière, ajoutez une zone et appliquez de nouveau.

Quand tout est propre, téléchargez l'image et joignez-la à la discussion.

Flouter une image →

Pourquoi cet ordre

Recadrez avant de masquer. Chaque partie de l'écran que vous rognez est une partie que vous n'avez pas à couvrir, à vérifier, en espérant l'avoir bien couverte. Recadrer d'abord signifie aussi que l'étape de floutage ne concerne que les quelques détails présents dans le cadre que vous envoyez réellement, ce qui les rend plus faciles à vérifier un par un.

Annotez avant de masquer, pas après. Les cercles rouges concernent le problème, les bandes noires vous concernent vous. Si vous masquez d'abord et annotez ensuite, le dernier écran que vous regardez montre vos cercles, et votre attention reste sur les cercles. Faire du masquage la dernière étape signifie que le dernier écran de résultat montre exactement le fichier que l'agent recevra, et c'est là que vous faites la vérification en zoomant. Le dernier outil à toucher un fichier est celui dont vous inspectez le résultat, il doit donc être celui où une erreur coûte le plus cher.

Ne passez pas la capture dans un compresseur ensuite. Un PNG recadré sur une seule fenêtre d'application dépasse rarement la limite de taille des pièces jointes d'une discussion, et le réencoder en JPG ajoute des artefacts en blocs précisément autour du petit texte que l'agent doit lire. Si un formulaire le refuse un jour pour sa taille, c'est à ce moment-là qu'il faut compresser, pas avant.

Ce que vous obtenez

Un seul PNG de la fenêtre qui compte, avec le bug entouré et légendé, et chaque détail personnel derrière une bande noire unie. Cela vous a pris environ deux minutes, le fichier n'a jamais quitté votre navigateur, et l'agent peut agir immédiatement au lieu de vous demander de quelle partie vous parliez. Vous n'avez pas eu à installer d'appli d'annotation, à vous connecter à un éditeur ni à enregistrer de fichiers à moitié terminés, et la seule copie non masquée de la capture est celle de départ.

Prêt à commencer ? Ouvrir Recadrer une image →