Imprimer le tutoriel
Fermer la fenêtre

kachouri.com sensible à l'écologieAdoptez l’éco-attitude.
N’imprimez cette page que si cela est vraiment nécessaire

cours et aide informatique
http://www.kachouri.com

Screengrab : Extension Firefox pour capturer une page Web complète

Tutoriel réalisé par: Mehdi Kachouri Ajouté le 10 Octobre 2009
Comment capturer entièrement une page internet avec Screengrab

Introduction à Screengrab

Screengrab est une des extension pour Mozilla Firefox vous permettant de créer une image à partir d'une page web. Le modules pour Firefox Screengrab vous apportera un simplicité et une aisance dans la capture d'écran de page internet et surtout l'intégralité d'une page. Avec Screengrab vous pourrez sauvegarder vos copies d'écran en fichier PNG ou JPEG. Vous devrez pour suivre ce tutoriel utiliser le navigateur Firefox.

tutoriel screengrab add-ons Firefox capture page web image logo

Pour plus d'informations rendez-vous sur le site officiel :

http://www.screengrab.org/

1 - Installation de Screengrab l'extension pour Firefox

La première chose à faire est de se rendre sur le site de Screengrab, le lien se trouve juste au dessus de ce texte. Une fois sur le site internet, vous devrez cliquez sur Download de la page de Screengrab

tutoriel screengrab add-ons Firefox capture page web image 1

Cliquez sur You can download and install it from here (Vous pouvez télécharger et l'installer en cliquant ici).

tutoriel screengrab add-ons Firefox capture page web image 2

Nous serons alors transférer vers la page des Add-ons de Firefox. Cliquez sur Add to Firefox (Ajouter à Firefox)

tutoriel screengrab add-ons Firefox capture page web image 3

Une fenêtre s'ouvrira et vous aurez ce message : N'installez que des modules complémentaires dont les auteurs ont votre confiance. Ceci afin de valider la provenance de cette extension Firefox.

tutoriel screengrab add-ons Firefox capture page web image 4

Vous aurez un décompte de 5... Avant de pouvoir installer ce module Screengrab

tutoriel screengrab add-ons Firefox capture page web image 5

Puis une fois que vous aurez cliqué sur Installer, et que le module Screengrab sera installé vous devrez cliquer sur Redémarrer Firefox, pour que les modifications soient prises en compte et que Firefox installe convenablement Screengrab.

tutoriel screengrab add-ons Firefox capture page web image 6

Une fois que vous aurez redémarré Firefox vous devrez avoir ce message : 1 nouveau module complémentaire a été installé. Dés lors l'installation de Screengrab sera terminée.

tutoriel screengrab add-ons Firefox capture page web image 7

 

 

2 - Screengrab l'extension pour Firefox

Le module complémentaire de Firefox du nom de Screengrab se trouvera en bas à droite de votre navigateur. A tout moment vous pourrez l'utiliser pour capturer n'importe quel page internet lors de vos surfs...

tutoriel screengrab add-ons Firefox capture page web image 8

 

3 - Utilisation Screengrab l'extension pour Firefox

Quand vous cliquerez sur Screengrab, vous aurez deux possibilités soit Save (Enregistrer) ou Copy (Copier). Dans le cas où vouq choisirez Save (Enregistrer) celà aura pour effet d'enregistrer une copie d'écran sous l'extension JPG ou PNG. Dans le cas où vous choisirez Copy (Copier), vous le copierez dans votre presse papier pour pouvoir le coller dans votre logiciel de retouche d'image ou tout simplement dans un document...

tutoriel screengrab add-ons Firefox capture page web image 9

Voyons ensemble comment copier la page entièrement du site Kachouri.com, cliquez sur Save (Enregistrer) puis sur Complete page/frame (Page complète/frame)

tutoriel screengrab add-ons Firefox capture page web image 10

Une fenêtre s'ouvrira et vous demandera où vous souhaitez enregistrer votre capture d'écran. Nous choisirons d'enregistrer notre capture d'écran de page web sur notre Bureau.

tutoriel screengrab add-ons Firefox capture page web image 11

Sur votre Bureau, vous aurez alors la copie d'écran du site Kachouri.com...

tutoriel screengrab add-ons Firefox capture page web image 12

Vous avez quatre grandes fonctionnalités de capture, choisissons par exemple une capture d'écran en utilisant la fonction Selection...

tutoriel screengrab add-ons Firefox capture page web image 13

Une fois que vous aurez cliqué sur Selection, la page internet sur laquelle vous avez souhaité capturer un élément particulier sera couverte d'un voile... Nous allons choisir de capturer le logo de Kachouri.com

tutoriel screengrab add-ons Firefox capture page web image 14

A l'aide de votre souris sélectionnez la zone autour du logo à capturer. Ceci sans relâcher le clic gauche de votre souris...

tutoriel screengrab add-ons Firefox capture page web image 15

Une fois la zone définie, relâchez le clic gauche de votre souris. Et enregistrez votre capture de zone sous le nom que vous souhaitez. Pour notre exemple nous lui avons donné le nom de logo-Kachouri.com.png puis cliquez sur Enregistrer.

tutoriel screengrab add-ons Firefox capture page web image 16

Screengrab a effectué le travail que nous lui demandions à savoir capturer rapidement des éléments d'une page web.

tutoriel screengrab add-ons Firefox capture page web image 17

Conclusion

Screengrab est une extension pour Firefox qui possède une grande utilité et permet en quelques clics de souris de sauvegarder des pages internet sous forme d'image. Ceci permet par exemple de garder en mémoire des design ou des pages à un moment précis. Screengrab vous permettra de prendre des screenshots ou copies d'écran d'une page internet, que ça soit seulement une partie ou toute la page, ce module ou add-ons reste très utile pour les personnes qui aiment conserver certains éléments des sites qu'elles fréquentent.