Installer · Capturer · Annoter · Exporter
Documentation
Comment installer et utiliser OpenScreenShot, l’extension open source de capture d’écran et d’annotation pour Chrome.
Installation
OpenScreenShot est disponible sur le Chrome Web Store.
- Ouvrez la fiche OpenScreenShot dans Chrome.
- Cliquez sur Ajouter à Chrome.
- Acceptez les autorisations. L’extension a besoin de l’onglet actif et du droit d’y exécuter son script de capture.
- L’icône OpenScreenShot apparaît dans votre barre d’outils. Cliquez dessus pour ouvrir le popup.
Capturer une image
Cliquez sur l’icône OpenScreenShot dans la barre d’outils et la capture pleine page démarre — sans menu intermédiaire. Tout s’exécute localement dans votre navigateur. Il y a quatre façons de lancer une capture :
- L’icône de la barre d’outils — un clic capture la page entière. Désactivez Mode Express en un clic dans les paramètres pour retrouver le sélecteur de modes ; le clic droit sur l’icône donne les autres modes et les paramètres.
- Un raccourci clavier — Ctrl+Shift+S pour la page entière, Alt+Shift+V pour la zone visible, Ctrl+Shift+E pour une zone. Sur macOS : ⌘⇧S, ⌥⇧V et ⌘⇧E. Capturer un élément n’a pas de raccourci par défaut. Définissez ou modifiez chacun d’eux sur
chrome://extensions/shortcuts. - Le menu contextuel — le sous-menu OpenScreenShot sur n’importe quelle page propose les quatre mêmes modes et les Paramètres.
- Répéter la zone — le pied du popup et le menu du clic droit recapturent le dernier rectangle de zone. Les deux entrées apparaissent une fois que vous avez sélectionné une zone.
La ligne Délai du popup retient une capture pendant 3, 5 ou 10 secondes, et le badge de la barre d’outils affiche le compte à rebours. Utilisez-la pour les états de survol, les menus déroulants et les infobulles qui se ferment dès que vous cliquez ailleurs.
Modes de capture
Page entière
Capture toute la page défilante et l’assemble en une seule image. L’extension fait défiler la page écran par écran, capture chaque tuile et les composite ensemble. Les en-têtes fixes sont capturés sur la première tuile et composités une seule fois en haut. Les pages qui font défiler un élément interne plutôt que la fenêtre fonctionnent aussi. Une page plus haute qu’une seule image (32 000 pixels d’appareil) est enregistrée en six images au maximum : Télécharger nomme chaque partie, et Éditeur ou Presse-papiers ouvre chaque partie dans son propre onglet d’éditeur.
Zone visible
Capture instantanément la zone affichée. Aucun défilement. Utilisez-la pour une capture rapide de ce qui est à l’écran en ce moment.
Zone sélectionnée
Cliquez-glissez pour tracer un rectangle. Des poignées de redimensionnement apparaissent sur chaque bord et chaque coin. Utilisez les flèches pour déplacer la sélection pixel par pixel, ou maintenez Shift pour la déplacer de dix pixels à la fois. Appuyez sur Enter pour confirmer ou Esc pour annuler.
Élément
Survolez la page pour sélectionner une carte, un graphique, un tableau, une image ou un autre élément, puis cliquez ou appuyez sur Enter pour capturer exactement ses limites. ↑ sélectionne l’élément parent, ↓ l’enfant, et ←/→ les éléments voisins. Si l’élément n’est pas entièrement visible, le sélecteur propose à la place une capture de page entière.
Après une capture
La ligne Après capture du popup choisit ce que fait une capture terminée. Elle s’applique à chaque point d’entrée : les boutons du popup, les raccourcis clavier et le menu du clic droit.
- Éditeur — ouvre l’éditeur d’annotations dans un nouvel onglet. C’est le comportement par défaut.
- Presse-papiers — copie la capture et saute l’éditeur. Collez-la directement dans une discussion, un document ou un ticket.
- Télécharger — enregistre la capture dans votre dossier de téléchargements et saute l’éditeur. Les sauvegardes rapides sont écrites en PNG.
Presse-papiers et Télécharger n’ouvrent aucun onglet : le badge de la barre d’outils sert de confirmation. Une capture en échec fait clignoter ! sur le badge. Rouvrir, dans le pied du popup, ouvre à tout moment la capture la plus récente dans l’éditeur.
Annoter
L’éditeur s’ouvre dans un onglet complet et charge la capture la plus récente depuis le stockage local. Chaque outil a un raccourci d’une lettre.
- Sélection V — déplacer, redimensionner ou supprimer n’importe quelle annotation. Double-cliquez sur un calque de texte pour le rééditer.
- Forme R — tracer un rectangle, un rectangle arrondi, un ovale ou un triangle. Remplissage choisit aucun remplissage ou un remplissage plein dans la couleur du trait ; maintenez Shift pour des côtés égaux, et un ovale devient un cercle.
- Flèche A — tracer une flèche directionnelle avec une pointe pleine, ouverte, double ou en point. Faites glisser la poignée ronde du milieu pour la courber.
- Ligne L — la flèche sans pointe.
- Crayon P — dessin à main levée.
- Surligneur H — un trait à main levée translucide.
- Texte T — ajouter une zone de texte, dimensionnée par le réglage de taille de police.
- Numéro d’étape S — des badges numérotés qui s’incrémentent seuls et se renumérotent quand vous en supprimez un.
- Flou B — masquer du contenu sensible par un flou doux, une mosaïque grossière ou un aplat opaque. L’aplat opaque résiste à la recompression.
- Spotlight O — des découpes en rectangle, rectangle arrondi ou ellipse qui fusionnent en un seul calque assombri.
- Pipette I — prélever une couleur dans la capture. Elle échantillonne ce que vous voyez : une couleur dans un spotlight ou sur un dégradé Beautify se prélève telle qu’elle apparaît. La pastille de la ligne de couleurs ouvre le sélecteur plein écran de Chrome pour tout ce qui est hors du canevas.
- Recadrer C — rogner l’image à une zone sélectionnée.
- Cut X — marquer des bandes horizontales sur une longue capture et les retirer, avec un aperçu en direct.
Maintenez Shift pendant le tracé pour des formes à côtés égaux et des lignes et flèches à 45°. La barre de style porte une palette de 8 couleurs sur 1–8, une couleur personnalisée, les couleurs récentes, quatre épaisseurs de trait qui s’adaptent à la taille de la capture et un réglage de taille de police. Vos choix sont mémorisés d’une session à l’autre. Faites glisser les outils dans la barre latérale pour placer vos favoris en premier, ou déplacez l’outil qui a le focus avec Alt+↑ / Alt+↓. Annuler et rétablir : Ctrl+Z / Ctrl+Shift+Z, ou ⌘Z / ⌘⇧Z sur macOS.
Beautify
Le panneau Beautify de la barre du haut habille la capture pour le partage : une Apparence, des curseurs Marges, Coins et Ombre, et un Fond composé de six dégradés, d’une couleur unie personnalisée ou de transparence. Le cadre s’affiche en direct et suit dans chaque export, le presse-papiers et le PDF.
Annoter une image que vous avez déjà
Déposez un fichier image sur la scène de l’éditeur, ou collez-en un avec Ctrl+V / ⌘V hors d’un champ de texte. L’import prend la même place qu’une capture : chaque outil, le cadre Beautify et chaque chemin d’export continuent de fonctionner, et la barre du haut affiche Importé. L’import remplace le canevas, donc l’éditeur demande d’abord confirmation s’il y a des annotations à perdre.
Exporter
Cliquez sur Enregistrer l’image dans la barre du haut de l’éditeur, ou appuyez sur Ctrl+S / ⌘S, pour ouvrir la boîte Exporter. À côté, Copier place un PNG dans le presse-papiers et PDF enregistre un PDF en un seul clic. Dans la boîte de dialogue, choisissez un format :
- PNG — sans perte, conserve la transparence.
- JPEG — fichiers plus légers, qualité réglable.
- WebP — qualité réglable comme le JPEG, transparence comme le PNG.
- PDF — export en une seule page image, ajusté à A4/Letter, ou réparti sur plusieurs pages avec un chevauchement de 5 mm pour que le contenu ne soit pas coupé au milieu d’une ligne.
Échelle exporte à 25, 50, 100 ou 200 %, ou à une largeur exacte en pixels. Elle est masquée pour le PDF, qui s’ajuste à la page. Une taille au-delà de la limite de canevas de Chrome est refusée plutôt qu’écrite en fichier vide.
Ctrl+C / ⌘C copie l’image finale directement dans le presse-papiers. La boîte d’export peut aussi enregistrer ses réglages actuels comme nouveaux réglages par défaut.
Enregistrer un onglet
L’enregistrement d’onglets est disponible dans la version Chrome ; la version Firefox ne prend en charge que les captures d’écran pour l’instant. Cliquez sur Enregistrer dans la fenêtre contextuelle pour ouvrir l’onglet d’enregistrement à côté de votre page. Pendant un enregistrement, appuyez sur Alt+Shift+X pour l’arrêter depuis n’importe quel onglet. Au premier enregistrement, Chrome affiche une demande d’autorisation pour la capture d’onglet.
Démarrer un enregistrement
L’onglet d’enregistrement affiche une image de votre page et l’image en direct de votre caméra. Activez-y Micro, Audio onglet ou Webcam ; la demande d’autorisation du navigateur apparaît dans cet onglet. Faites glisser sur l’image pour n’enregistrer qu’une partie de la page, ou gardez Onglet entier. Cliquez sur Démarrer l’enregistrement, et OpenScreenShot passe à votre page.
Si un enregistrement navigue vers un autre site, le suivi des clics a besoin de l’autorisation facultative « Enregistrer sur tous les sites » (voir Réglages) pour le suivre. Sans elle, le badge de la barre d’outils devient orange, et le zoom et les effets de clic s’arrêtent pour la suite de la vidéo. La vidéo continue de s’enregistrer.
L’onglet d’enregistrement
Pendant l’enregistrement, l’onglet d’enregistrement affiche un minuteur et les boutons Pause/Reprendre, Arrêter et Annuler. Rien n’est ajouté à la page enregistrée : aucune commande n’apparaît dans la vidéo. Revenez à l’onglet pour arrêter, ou appuyez sur Alt+Shift+X. À l’arrêt, le même onglet ouvre l’éditeur.
La webcam rejoint l’export sous forme de bulle ronde que vous placez dans l’éditeur, et l’éditeur recadre la vidéo sur la zone choisie.
L’éditeur
Arrêter ouvre l’éditeur d’enregistrement sur une chronologie de votre prise. L’éditeur ajoute un zoom 2x fluide à chaque clic de votre curseur — ajustez ou supprimez chacun d’eux, ou ajoutez vos propres blocs de zoom manuels à 1,5x, 2x ou 3x. Rognez le début ou la fin de chaque segment en glissant ses poignées. Des ondes marquent chaque clic, et la bulle webcam, le cadre Beautify et les curseurs de volume du micro et de l’onglet vivent dans le panneau latéral. Afficher le curseur dessine un pointeur fluide qui suit le trajet enregistré ; désactivez-le dans la barre de réglages.
Exporter
L’export refait le rendu de la prise via canvas, en mélangeant les pistes et les effets que vous avez réglés, et télécharge par défaut un fichier MP4 (H.264 et AAC), ou un fichier WebM depuis le sélecteur à côté du bouton. Le MP4 est limité à 4096×2304 : un onglet plus grand est donc réduit pour tenir. Les navigateurs sans enregistrement MP4 exportent uniquement en WebM.
Brouillons
Vos modifications sont sauvegardées en local au fil de votre travail. Si l’onglet de l’éditeur se ferme ou plante, l’onglet d’éditeur suivant vous propose de reprendre le brouillon. Restaurer reste toujours un clic, donc un brouillon obsolète ne remplace jamais une capture que vous vouliez reprendre à zéro. Une image recadrée reçoit son propre brouillon, pour que les annotations ne se restaurent jamais sur la mauvaise image.
Raccourcis clavier
Appuyez sur ? dans l’éditeur pour l’aide-mémoire complet. En plus des lettres d’outils ci-dessus :
- 1–8 — choisir la couleur d’annotation.
- Ctrl+C / ⌘C — copier dans le presse-papiers.
- Ctrl+S / ⌘S — exporter.
- Backspace — supprimer l’annotation sélectionnée.
- Esc — désélectionner, ou annuler un recadrage.
- Ctrl / ⌘ avec +, − ou 0 — zoomer, dézoomer, taille réelle. F ajuste à l’écran.
- Space + glisser — déplacer le canevas.
Alt+Shift+X arrête l’enregistrement en cours depuis n’importe où — sans que l’éditeur ni le popup soient ouverts.
Paramètres
Ouvrez l’icône d’engrenage dans le popup pour régler :
- Thème — clair, sombre ou système.
- Format par défaut — PNG, JPEG, WebP ou PDF.
- Qualité — pour JPEG, WebP et PDF.
- Modèle de nom de fichier — cliquez sur un jeton pour insérer
{date},{time},{title},{domain},{w}ou{h}. Un aperçu en direct montre le résultat. Avec/, le fichier est enregistré dans un dossier de Téléchargements, par exempleScreenshots/{title}.
Les réglages vivent dans le stockage local de cet appareil. Réinitialiser, en bas du panneau, demande deux clics.
Enregistrer sur tous les sites — désactivé par défaut. L’activer demande l’autorisation d’hôte facultative <all_urls>, pour que le suivi des clics puisse suivre un onglet qui change de site pendant l’enregistrement.
Agents & CLI
openscreenshot (npm) est un outil séparé, facultatif et local pour scripter des captures depuis la ligne de commande ou depuis un agent IA. Il pilote le Chrome déjà présent sur votre machine — aucun navigateur à télécharger, aucun service hébergé. Définissez CHROME_PATH si votre Chrome n’est pas trouvé automatiquement.
pnpm dlx openscreenshot shot https://example.com --out shot.png --full
En serveur MCP, ajoutez ceci à la config de votre client MCP :
{ "command": "pnpm", "args": ["dlx", "openscreenshot"] }
Puis appelez l’outil capture_screenshot avec { "url": "https://example.com" }. L’entrée facultative redact couvre par des rectangles noirs, avant la capture, les selectors CSS, les patterns de texte (email, phone, secret) et les rects en pixels. Utilisez-la pour les données qui ne doivent pas quitter l’appareil.
Confidentialité
OpenScreenShot traite tout en local dans votre navigateur. Les captures sont stockées dans le stockage local de Chrome et ne sont téléversées vers aucun serveur. Les enregistrements, les journaux de curseur et les flux du micro et de la webcam restent dans IndexedDB, sur votre appareil, jusqu’à ce que vous les supprimiez. L’extension n’a ni analytics, ni télémétrie, ni service tiers.
Voir la politique de confidentialité pour tous les détails.
Obtenir de l’aide
Consultez la page Support & FAQ pour les questions courantes et les limites connues. S’il vous faut plus d’aide, ouvrez un ticket sur GitHub.
Installer OpenScreenShot
Gratuit, open source et privé. Disponible sur le Chrome Web Store.