Intégrer un outil de capture d’écran dans les navigateurs

Pour capturer une page Web dans son intégralité, y compris sous la ligne de flottaison, ou une zone précise sur une page Web, on ne peut pas se contenter d’un outil de capture d’écran classique tel que PrintScreen qui ne prend en compte que ce qui est affiché sur l’écran. Or, les pages Web s’étendent bien au-delà de la zone visible et pour les capturer dans une image il faut se doter d’un outil particulier de capture d’écran capable de faire défiler la fenêtre d’une page Web vers le bas.
C’est que permet de faire l’extension Nimbus Screenshot qui va s’intégrer au navigateur Chrome ou Firefox. La version pour Firefox est un peu moins complète que celle développée pour Chrome.
On accède à l’outil de capture d’écran en cliquant sur son icône dans la barre d’outils du navigateur.

Plusieurs possibilités sont implémentées :

  • Visible Part of Page – Copie de la partie visible d’une page Web dans un nouvel onglet avec mise à disposition en haut de la fenêtre de quelques outils d’édition : zoom avant et arrière, taille de l’image modifiable, recadrage de l’image capturée, outils pour dessiner, ajout de formes géométriques, de lignes et de flèches, ajout de texte, ajout de post-it, outil pour flouter l’image… l’épaisseur des traits et les couleurs sont modifiables. Une fonction d’annulation est prévue pour annuler la dernière modification ou pour revenir à l’image originale telle qu’elle a été capturée. En cliquant en haut à droite sur le bouton done, l’image se sauvegarde ensuite au format PNG (par défaut, dans les options on peut choisir les formats JPEG ou BMP) sur son disque dur ou sur Google Drive, se copie dans le presse-papier ou s’imprime.
  • Selected area : Capture d’une zone de la page Web affichée à l’écran en délimitant la zone de capture à la souris ; les dimensions de la capture en cours sont indiquées. Après avoir sélectionné et éventuellement ajusté la zone, on passe bascule dans l’éditeur (voir les fonctions disponibles au point précédent) ou on sauvegarde l’image capturée dans un fichier de type PNG, JPEG ou BMP (selon le format défini par défaut).
  • Selected & Scroll : Capture d’une zone sur la page Web affichée à l’écran, mais avec la possibilité supplémentaire de faire défiler l’affichage vers le bas ou vers la droite afin de prendre en compte ce qui se trouve sous la zone de flottaison ou à droite de la fenêtre hors la zone visible.
  • Entire page : Capture complète de la page Web affichée y compris ce qui se trouve sous la ligne de flottaison
  • Browser windows : Capture d’écran classique de n’importe quelle zone sur l’écran y compris en dehors de la fenêtre du navigateur. Les dimensions de l’image en cours de capture sont indiquées.
  • Blank Screen : Ouvre un nouvel onglet avec une capture d’image vierge avec en faut de la fenêtre les outils d’édition.

 

nimbus-capture-ecran

L’accès à l’interface de Nimbus se fait d’une part depuis son icône qui se trouve sur la barre d’outils ou depuis le menu contextuel du navigateur et d’autre part via des raccourcis clavier à configurer dans les options de l’extension (Crtl + Shift + une touche du clavier).

nimbus-editeur

Dans les options de l’extension, on a la possibilité de modifier le format de sauvegarde par défaut utilisé pour enregistrer les images : JPEG, PNG ou BMP.
Nimbus est certainement le meilleur des outils de capture de page Web que j’ai testé jusqu’à maintenant. Il fonctionne tout à fait correctement, même si parfois il semble rencontrer quelques problèmes avec l’édition d’images de taille importante ; dans ce cas un message d’avertissement est affiché, mais il est toujours possible de sauvegarder la capture de la page Web dans un fichier.

Sources : Nimbus Screenshot pour ChromeNimbus Screenshot pour Firefox

Les commentaires sont fermés.