Outil d'annotation sur place·Extension Chrome gratuite

Annoter une capture d'écran
là même où vous l’avez capturée

Annotez une capture d'écran sans quitter la page. Capturez, puis déposez boîtes, cercles, flèches, texte, étapes numérotées et plus directement sur l'image — chaque forme s'accroche à l'élément réel de l'interface que vous survolez, pour que vos annotations s'alignent parfaitement au lieu d'avoir l'air tracées à la main.

Sans inscription Sans suivi Fonctionne hors ligne
Screenshot Annotation zoom-in-place callout magnifying a region of a webpage

Que signifie « annoter une capture d’écran » ?

Annoter une capture d’écran signifie ajouter des annotations par-dessus l’image pour que le lecteur sache où regarder et quoi faire : une boîte autour du bouton à cliquer, une flèche pointant vers l’erreur, un numéro sur chaque étape, du texte expliquant la correction. C’est la différence entre une capture brute et une capture qui communique réellement.

Le côté pénible n'a jamais été l'idée — c'était l'exécution. Vous capturez, collez dans un éditeur, tracez un rectangle, réalisez qu'il est décalé de deux pixels du bouton, annulez, recommencez. Chaque forme, chaque capture. L'annotation qui s'accroche aux vrais éléments de la page élimine tout ça — survolez l'élément, cliquez, et l'annotation est ajustée à ses contours exacts.

Pourquoi annoter les captures d’écran sur place ?

Un éditeur séparé signifie un changement de contexte, un deuxième fichier, et des formes qui dérivent des pixels qu'elles sont censées désigner. L'annotation sur place vous garde sur la page, conserve la source en pleine résolution, et garde chaque annotation alignée. Cela compte surtout pour :

  • Les rapports de bug — désignez aux ingénieurs l’élément cassé exact avec une boîte ajustée et une note numérotée, pas un ovale bancal.
  • Tutoriels & documentation — « cliquez ici » est sans ambiguïté quand « ici » est un rectangle accroché autour du vrai contrôle.
  • Support client — annotez la capture d’un client pour montrer le réglage qu’il doit modifier.
  • Revue & retours — annotez un design ou un brouillon avec des flèches et du texte sans ouvrir une autre application.
Comment fonctionne l'annotation de cet outil

Douze outils, tous accrochés aux vrais éléments

J'ai construit le jeu d'outils d'annotation moi-même, voici donc exactement comment les annotations se comportent quand vous les placez.

  1. Les formes s’accrochent aux éléments. Survolez n’importe quel bouton, carte, image ou bloc de texte et l’extension lit son getBoundingClientRect. Cliquez — vous obtenez un rectangle, cercle, flèche ou soulignement ajusté à ces contours exacts. Un clic, au pixel près.
  2. Douze outils dans une seule barre. Rectangle, ellipse, ligne, flèche, marqueur surligneur, texte, étapes numérotées, tampons, mosaïque (pixellisation / flou / bande noire) et zoom sur place. Basculez d’une seule touche.
  3. Les étapes numérotées se renumérotent automatiquement. Déposez les étapes 1, 2, 3 dans l’ordre et elles restent séquentielles automatiquement quand vous en ajoutez ou les réorganisez.
  4. Tout est exporté en pleine résolution. L’annotation est rendue sur la capture originale (y compris les pixels haute densité), pour que boîtes et texte restent nets, pas flous.

Deux capacités renforcent l’annotation quand vous en avez besoin :

  • Surligner & caviarder — un marqueur surligneur attire l’attention sur le texte, tandis que l’outil mosaïque floute ou pixellise les mots de passe, clés API et visages. Voir flouter la capture et surligner la capture.
  • Zoomer un détail — grossissez une petite zone sur place pour qu’une icône ou une étiquette minuscule soit lisible sans perdre le contexte environnant. Voir zoom sur capture.

L'annotation vit sur la page dans un éditeur en surcouche — pas de nouvel onglet, pas d'envoi. Quand vous fermez l'éditeur, l'image finie est déjà dans votre presse-papiers.

Étape par étape

Comment annoter une capture d'écran

De la capture à une image entièrement annotée en moins d'une minute.

01

Capturer

Appuyez sur Alt+A (Win) ou ⌘⇧S (Mac) pour saisir la zone visible, Alt+C / ⌘⇧X pour tracer une région, ou faites un clic droit sur la page et choisissez Région libre. L’éditeur s’ouvre sur la page.

02

Ajouter des annotations

Survolez un élément et cliquez pour accrocher une forme ajustée, ou appuyez sur une touche d’outil — R rectangle, O ellipse, A flèche, T texte, N numéro, H surligneur. Dessinez aussi librement sur l’espace vide.

03

Exporter

Fermez l'éditeur — l'image annotée est auto-copiée dans votre presse-papiers. Ou téléchargez en PNG / JPG / PDF.

Astuces pour une annotation plus propre

  • Cliquez, ne traquez pas, pour la précision. Survoler et cliquer un élément donne ses contours exacts en une fois — bien plus serré qu’une boîte tracée à la main.
  • Numérotez les flux à plusieurs étapes. Utilisez l’outil numéro (N) pour que les lecteurs puissent suivre ① → ② → ③ dans l’ordre ; ils se renumérotent automatiquement.
  • Caviardez avant de partager. Toute capture avec des identifiants, jetons ou données personnelles doit d’abord passer par l’outil mosaïque — flou ou pixellisation, jamais un simple recadrage.
  • Choisissez une seule couleur d’accent. Une seule couleur vive pour les boîtes et flèches paraît plus nette qu’un arc-en-ciel. L’outil retient votre dernière couleur et épaisseur.
FAQ

Annotation de capture d’écran, vos questions

L'annotation est-elle gratuite ?

Oui. Les douze outils d’annotation sont gratuits — pas d’offre payante, pas de filigrane, pas d’inscription. L’extension entière est gratuite.

Les annotations restent-elles nettes sur les écrans haute densité ?

Oui. L’annotation est rendue sur la capture en pleine résolution, y compris les pixels haute densité, pour que boîtes, flèches et texte restent nets sur les écrans Retina et 4 K.

Puis-je modifier une annotation après l’avoir placée ?

Oui. Sélectionnez n’importe quelle annotation pour la déplacer, redimensionner, recolorer ou supprimer. Les étapes numérotées se renumérotent automatiquement quand vous les réorganisez.

Cela fonctionne-t-il hors ligne / envoie-t-il des données quelque part ?

Cela fonctionne entièrement hors ligne et ne fait aucune requête réseau. Les captures ne quittent jamais votre appareil — il n’y a pas de backend.

Virgil

Écrit par Virgil

développeur de Screenshot Annotation

Je suis le développeur indépendant qui a construit le jeu d'outils d'annotation de cette page — l'accroche au DOM, les douze outils, les étapes à renumérotation automatique. Je l'ai construit parce que tous les éditeurs de capture que j'avais utilisés me faisaient dessiner à la main des formes qui ne s'alignaient jamais avec l'interface.

Je lis chaque e-mail et je publie des mises à jour régulièrement ; le journal des versions liste ce qui a changé à chaque mise à jour. Des questions sur l'annotation ? Écrivez à virgil1126@gmail.com.

Annotez votre prochaine capture d’écran sur place

Gratuit, sans inscription, sans suivi. Douze outils d’annotation accrochés aux vrais éléments.

Ajouter à Chrome — Gratuit