Capturer, annoter et exporter des captures en PDF — Le workflow Chrome complet
La capture d'écran n'est que la première étape. Vous capturez une page web, puis vous devez encercler la partie importante, ajouter une flèche pointant vers le problème, flouter l'adresse e-mail de quelqu'un, et sauvegarder le tout en PDF pour l'attacher à un rapport de bug. Le workflow habituel implique trois outils différents — une extension de capture, un éditeur d'images et un convertisseur PDF. Il existe un moyen plus rapide.
Ce guide parcourt le workflow complet — capture, annotation, floutage des données sensibles et export — en utilisant une seule extension Chrome gratuite qui fait les quatre sans quitter le navigateur.
Le workflow traditionnel (et pourquoi il est pénible)
Le workflow de capture de la plupart des gens ressemble à ceci :
- Capturer avec une extension de capture ou Print Screen ;
- Ouvrir un éditeur d'images (Paint, Photoshop, Aperçu, GIMP) pour recadrer, ajouter des flèches et flouter les informations privées ;
- Sauvegarder l'image ;
- Ouvrir un outil PDF (Word, Google Docs, convertisseur en ligne) pour convertir l'image en PDF ;
- Attacher le PDF à l'e-mail, au rapport ou au document.
Cinq étapes, trois applications, deux conversions de fichiers. Et si vous devez annoter une capture pleine page — qui peut faire plus de 10 000 pixels de haut — la plupart des éditeurs d'images peinent avec la taille du canevas.
Le workflow PageShot : Capturer → Annoter → Exporter (Un seul outil)
VKT PageShot combine les quatre étapes en une seule extension Chrome. Voici le workflow complet :
Étape 1 : Capturer
Cliquez sur l'icône PageShot dans votre barre d'outils. Choisissez votre mode de capture :
- Pleine page — capture la page défilable entière, y compris sous la ligne de pliage. Gère les images à chargement différé et supprime automatiquement les en-têtes sticky ;
- Zone visible — ne capture que ce que vous voyez actuellement à l'écran ;
- Sélection — glissez pour sélectionner une région spécifique de la page.
La capture est instantanée. Sans upload, sans délai de traitement. L'éditeur d'annotations s'ouvre automatiquement.
Étape 2 : Annoter
L'éditeur d'annotations intégré de PageShot comprend tous les outils nécessaires pour un rapport de bug, un tutoriel ou une capture de documentation :
| Outil | Ce qu'il fait | Usage courant |
|---|---|---|
| Flèche | Dessine une flèche directionnelle avec couleur et épaisseur personnalisables | Pointer vers un élément d'interface, un bouton ou un message d'erreur |
| Rectangle | Dessine un contour rectangulaire ou carré | Encercler une zone d'intérêt, surligner une section |
| Texte | Ajoute une étiquette de texte n'importe où sur l'image | Ajouter des notes, étiquettes, instructions, numéros d'étapes |
| Surlignage | Superposition colorée semi-transparente | Attirer l'attention sur une zone sans masquer le contenu |
| Mosaïque / Flou | Pixellise une zone pour masquer le contenu | Masquer des adresses e-mail, noms, numéros de compte, données privées |
| À main levée | Dessine des lignes et formes à main levée | Encercler des zones irrégulières, souligner du texte, croquis rapides |
| Recadrage | Rogner l'image à une zone plus petite | Supprimer les marges non pertinentes, se concentrer sur le contenu clé |
Chaque annotation est non destructive — vous pouvez déplacer, redimensionner, changer la couleur ou supprimer n'importe quel élément après l'avoir placé. Pas besoin d'annuler et refaire. Les couches s'empilent naturellement : flèches au-dessus des surlignages au-dessus de la capture.
Étape 3 : Flouter les données sensibles
C'est l'étape que la plupart des gens sautent — et regrettent plus tard. Partager une capture contenant l'e-mail de quelqu'un, le nom d'un client, un numéro de compte ou un message personnel est une fuite de confidentialité en attente de se produire.
L'outil Mosaïque de PageShot rend le floutage sans effort :
- Sélectionnez l'outil Mosaïque dans la barre d'outils ;
- Faites glisser sur la zone à masquer — une adresse e-mail, un nom d'utilisateur, un solde ;
- La zone est instantanément pixellisée. Ajustez l'intensité du flou avec le curseur si nécessaire ;
- Redimensionnez ou repositionnez la zone de flou en faisant glisser ses poignées.
Le flou est intégré dans l'image exportée — ce n'est pas une couche séparable qui peut être supprimée. C'est important : si vous partagez la capture, les données floutées sont définitivement irrécupérables.
Étape 4 : Exporter
Quand vos annotations sont terminées, cliquez sur le bouton d'export. Cinq options :
- PNG — qualité sans perte, fichier plus volumineux. Idéal pour les captures qui doivent être nettes (documentation, tutoriels) ;
- JPG — fichier plus petit, légère perte de qualité. Idéal pour le partage par e-mail et messagerie quand la taille du fichier compte ;
- Copier dans le presse-papiers — collez directement dans Slack, Discord, e-mail, Google Docs ou toute application acceptant les images. L'option la plus rapide pour un partage rapide ;
- PDF — génère un PDF correctement paginé avec vos annotations préservées. Comprend des sauts de page, des marges et la date de capture. Idéal pour les rapports de bug, la documentation et les soumissions formelles ;
- Sauvegarder sur le disque — télécharge le fichier dans votre dossier de téléchargement par défaut.
Quand utiliser chaque format d'export
| Scénario | Meilleur format | Pourquoi |
|---|---|---|
| Rapport de bug / tracker d'issues | PNG ou PDF | PNG pour les images intégrées ; PDF pour les pièces jointes nécessitant des annotations visibles |
| Slack / Discord / messagerie | Presse-papiers (coller) | Instantané — pas de sauvegarde de fichier, pas d'upload |
| Pièce jointe e-mail | Universellement lisible, préserve la mise en page et les annotations | |
| Documentation / wiki | PNG | S'intègre proprement dans Markdown et HTML, qualité nette |
| Publication sur les réseaux sociaux | JPG | Fichier plus petit, upload rapide, qualité suffisante |
| Dossier légal / conformité | Horodatage, non modifiable après export, universellement accepté | |
| Remise de design | PNG | La qualité sans perte préserve les détails d'interface pour les développeurs |
Workflows concrets
Soumettre un rapport de bug
Capturez la page contenant le bug (pleine page si le bug est sous la ligne de pliage). Ajoutez une flèche pointant vers l'élément défaillant. Ajoutez une étiquette de texte décrivant le comportement attendu. Floutez toute donnée utilisateur visible sur la page. Exportez en PNG et collez dans Jira, GitHub Issues ou Linear.
Créer un tutoriel ou un guide pratique
Capturez chaque étape du processus. Dans l'éditeur d'annotations, ajoutez des étiquettes de texte numérotées (Étape 1, Étape 2…), surlignez les boutons que le lecteur doit cliquer et floutez les détails de compte personnels. Exportez toutes les images en PNG, intégrez-les dans votre document.
Documenter un prix ou une annonce pour preuve
Capturez la page produit avec le prix visible. Ajoutez une étiquette de texte avec la date et l'heure. Exportez en PDF — l'horodatage dans les métadonnées du PDF sert d'enregistrement. Utile pour les litiges de prix, les réclamations de garantie ou la vérification d'annonces.
Partager des retours sur un design
Capturez la maquette de design ou la page en ligne. Utilisez des rectangles pour surligner les zones à retravailler. Ajoutez des étiquettes de texte avec vos commentaires. Utilisez la mosaïque pour flouter le contenu interne avant de partager à l'extérieur. Exportez en PNG et collez dans les commentaires Figma, Slack ou par e-mail.
Archiver une page web avant qu'elle ne change
Capturez la page entière. N'ajoutez pas d'annotations (ou juste une étiquette de date). Exportez en PDF pour un archive horodatée. C'est utile pour les conditions d'utilisation, les pages de tarifs, les documents de politique ou tout contenu susceptible de changer sans préavis.
Comparaison : Outils de capture + annotation
| Outil | Capture | Annotation | Mosaïque/Flou | Export PDF | Upload requis | Prix |
|---|---|---|---|---|---|---|
| VKT PageShot | Pleine page + visible + sélection | Flèches, texte, surlignages, formes, dessin | ✓ | ✓ intégré | Non — 100% local | Gratuit |
| Awesome Screenshot | Pleine page + visible + sélection | Flèches, texte, formes, flou | ✓ | ✓ Premium | Oui — fonctions cloud | Gratuit ; 6 $/mois |
| Nimbus Screenshot | Pleine page + visible + sélection | Flèches, texte, tampons, numéros d'étapes | ✓ | ✓ | Cloud optionnel | Gratuit ; Pro variable |
| GoFullPage | Pleine page uniquement | ✗ (export puis annoter ailleurs) | ✗ | ✓ | Non | Gratuit ; Premium 1 $/mois |
| Chrome DevTools | Pleine page uniquement | ✗ | ✗ | ✗ | Non | Gratuit (intégré) |
| Outil Capture (Windows) | Zone visible uniquement | Basique — stylo, surligneur | ✗ | ✗ | Non | Gratuit (intégré) |
La distinction est claire : les outils de capture légers (GoFullPage, DevTools, Outil Capture) vous donnent l'image mais laissent l'annotation à une autre application. Les suites complètes (Awesome Screenshot, Nimbus) regroupent capture et annotation mais poussent les fonctions cloud et les plans payants. PageShot regroupe tout — capture, annotation, flou, PDF — dans un outil gratuit et entièrement local.
Confidentialité : Vos captures ne quittent jamais votre navigateur
Chaque étape du workflow PageShot — capture, annotation, flou, export — se déroule entièrement dans votre navigateur. Aucune capture n'est jamais uploadée sur un serveur. Aucun compte n'est requis. Aucune donnée ne quitte votre machine.
C'est particulièrement important lorsque vous capturez des pages contenant des données privées — tableaux de bord clients, outils internes, comptes personnels, informations financières. Le flou mosaïque masque définitivement les données sensibles dans le fichier exporté. Et comme rien n'est uploadé, il n'y a pas de copie cloud de votre capture non floutée qui flotte sur le serveur de quelqu'un d'autre.
Les permissions sont minimales : activeTab (pour capturer la page actuelle) et storage (pour mémoriser vos préférences). C'est tout.
PageShot est gratuit. Capture pleine page, annotation, flou mosaïque et export PDF — sans filigrane, sans upload, sans compte. Installez depuis le Chrome Web Store ou Edge Add-ons.
Questions fréquentes
Puis-je annoter une capture sans quitter Chrome ?
Oui. VKT PageShot comprend un éditeur d'annotations intégré qui s'ouvre immédiatement après la capture. Vous pouvez ajouter des flèches, des rectangles, des étiquettes de texte, des surlignages, du dessin à main levée et un flou mosaïque — le tout sans ouvrir une application séparée ni télécharger quoi que ce soit.
Comment flouter des informations sensibles dans une capture ?
Dans l'éditeur d'annotations de PageShot, sélectionnez l'outil Mosaïque et faites glisser sur la zone à flouter. Il applique un effet de pixelisation qui masque le texte, les adresses e-mail, les numéros de compte ou toute donnée privée. Vous pouvez ajuster l'intensité du flou et redimensionner la zone après application.
Puis-je exporter une capture pleine page en PDF ?
Oui. Après la capture et l'annotation, cliquez sur le bouton d'export PDF dans l'éditeur de PageShot. Il génère un PDF correctement paginé avec vos annotations préservées. Le PDF comprend des sauts de page, des marges et la date de capture dans l'en-tête. Aucun convertisseur externe nécessaire.
L'éditeur d'annotations est-il gratuit ?
Oui — l'outil entier est gratuit. La capture pleine page, la capture de zone visible, la capture par sélection, l'annotation (flèches, texte, surlignages, flou mosaïque, dessin) et l'export en PNG, JPG, presse-papiers et PDF sont tous inclus dans le plan gratuit. Sans filigrane, sans compte requis, sans upload.
Capturer une fois, annoter une fois, partager une fois
Le workflow à trois outils — extension de capture, éditeur d'images, convertisseur PDF — est une taxe sur chaque rapport de bug, chaque tutoriel, chaque retour. Un seul outil qui capture, annote, floute et exporte élimine la friction. La capture devient une action unique, pas un projet.
Plus de guides dans le blog VKT ; questions à [email protected].
