Screenshot Annotator

Annotateur de capture d'écran

Try it →

Overview

Screenshot Annotator drops numbered, pin-and-leader-line callouts on a screenshot — the kind of markup used for design reviews, bug reports, and how-to guides. Everything runs in your browser; nothing is uploaded to a server.

How to use

  1. Open Screenshot Annotator from the sidebar.
  2. Bring in a screenshot: drag an image file onto the upload zone, click it to browse, or paste a public image URL and click Import.
  3. Click anywhere on the screenshot to drop a new numbered annotation — a pin at that exact point, connected by a leader line to a text callout nearby.
  4. Drag the pin to re-anchor the exact point, or drag the callout box to reposition the label — the leader line follows both.
  5. Select an annotation (on the canvas or in the panel list) to edit its text, and set its background and text color.
  6. Duplicate an annotation from the panel, or delete it with the × — annotations renumber automatically.
  7. Pick an export resolution and format, then click Download image.

Options

  • Colors: each annotation defaults to a white background with black text; set any pair of colors per annotation.
  • Reset color restores one selected annotation to the default colors; Reset all colors does the same for every annotation at once — text and position are untouched either way.
  • Duplicate copies an annotation's text and colors, offset slightly so it's easy to spot and reposition.
  • Replace image clears the current screenshot and its annotations so you can start over with a new one.

Tips

  • Numbers reflect the annotation's position in the list, so deleting one renumbers the rest — no gaps.
  • Importing by URL requires the host to allow cross-origin requests; if it fails, download the image and upload it instead.
  • Keyboard shortcuts: Delete/Backspace removes the selected annotation; Cmd/Ctrl+D duplicates it.

Privacy

Screenshot Annotator is fully client-side. Even URL imports are fetched directly by your browser — the image never passes through Waripixel's servers.

Aperçu

L'Annotateur de capture d'écran place des repères numérotés reliés par une ligne de rappel à une bulle de texte — le type de markup utilisé pour les revues de design, les rapports de bug et les guides. Tout se passe dans votre navigateur ; rien n'est envoyé à un serveur.

Comment l'utiliser

  1. Ouvrez l'Annotateur de capture d'écran depuis la barre latérale.
  2. Importez une capture d'écran : glissez un fichier image sur la zone de dépôt, cliquez dessus pour parcourir vos fichiers, ou collez une URL d'image publique puis cliquez sur Importer.
  3. Cliquez n'importe où sur la capture d'écran pour ajouter une nouvelle annotation numérotée — un repère à cet endroit exact, relié par une ligne à une bulle de texte à proximité.
  4. Faites glisser le repère pour repositionner le point exact, ou faites glisser la bulle pour repositionner le texte — la ligne de rappel suit les deux.
  5. Sélectionnez une annotation (sur le canevas ou dans le panneau) pour modifier son texte, et définir sa couleur de fond et de texte.
  6. Dupliquez une annotation depuis le panneau, ou supprimez-la avec le × — les annotations sont renumérotées automatiquement.
  7. Choisissez une résolution et un format d'export, puis cliquez sur Télécharger l'image.

Options

  • Couleurs : chaque annotation a par défaut un fond blanc et un texte noir ; définissez n'importe quelle paire de couleurs par annotation.
  • Réinitialiser la couleur restaure les couleurs par défaut d'une annotation sélectionnée ; Réinitialiser toutes les couleurs fait de même pour toutes les annotations à la fois — le texte et la position restent inchangés.
  • Dupliquer copie le texte et les couleurs d'une annotation, avec un léger décalage pour la repérer et la repositionner facilement.
  • Remplacer l'image efface la capture d'écran actuelle et ses annotations pour recommencer avec une nouvelle image.

Astuces

  • Les numéros reflètent la position de l'annotation dans la liste : en supprimer une renumérote les autres, sans trou.
  • L'import par URL nécessite que l'hébergeur autorise les requêtes cross-origin ; en cas d'échec, téléchargez l'image et importez-la à la place.
  • Raccourcis clavier : Suppr/Retour arrière supprime l'annotation sélectionnée ; Cmd/Ctrl+D la duplique.

Confidentialité

L'Annotateur de capture d'écran est 100 % côté client. Même les imports par URL sont récupérés directement par votre navigateur — l'image ne transite jamais par les serveurs de Waripixel.