Ces astuces simples permettent de faire une capture d’écran d’une page d’un site web, notamment les pages web en longueur (onepage).
- Vous travaillez sur le design de votre site web ou de votre blog et vous aimeriez en avoir une vision globale sans scroller sur toute la page ?
- Vous voulez vous inspirer du design ou de la structure d’un site web ou d’un blog ?
- Ou encore, vous développez votre site en local en mode maquette améliorée et vous souhaitez envoyer le rendu pour avis et remarques ?
Sachez qu’il est possible de faire une capture d’écran de toute une page web entière en quelques clics.
C’est assez facile pour une page qui fait tout l’écran sans avoir à défiler. Je vous recommande d’ailleurs pour cela, l’excellent outil GreenShot gratuit sur Windows. Sur smartphone, l’application ScreenCapture & Shot vaut également le détour pur faire des captures d’écran.
Le problème, c’est que la plupart des sites web actuels ont des pages très longues. Faire défiler pour prendre plusieurs captures d’écran, ce n’est pas très pratique. Cette astuce va vous permettre de résoudre cela en vos proposant différentes options pour le faire :
- avec Firefox ou Chrome sans plugin,
- avec des plugins sous Chrome,
- directement depuis un site web.
Faire la capture d’écran d’une page web avec Firefox
Sur le navigateur Firefox, vous verrez 3 petits points dans le prolongement de la barre d’adresse, là où on tape « https://www….. ». En cliquant sur les 3 petits points un menu déroulant apparait :
- Choisissez l’option « Effectuer une capture d’écran » dans la liste disponible,
- Cliquez ensuite sur l’option « Capturer la page complète » pour obtenir la capture d’écran souhaitée,
- Selon votre besoin, choisissez « Copier » pour coller l’image dans un document ou « Télécharger » pour le sauvegarder sous forme d’image.
Faire la capture d’écran d’une page web avec Chrome sans plugin
Si vous utilisez le navigateur Google Chrome, vous pouvez réaliser une manip en 4 étape pour obtenir votre visuel de page web.
- Placez vous sur le site souhaité,
- Ouvrez la fenêtre des « Outils de développement » (ou Dev Tools) depuis les options en haut droite ou via le raccourci clavier « Ctrl + Maj + i« ,
- Lancer la console de commande via le raccourci clavier « Ctrl + Maj + p« ,
- Dans le champs de saisie qui s’affiche, choisissez « Capture full size screenshot » et validez avec la touche « Entrée ».
L’image du site web est automatiquement sauvegardée sur l’ordinateur.
Utiliser des plugins de capture de site web sur Chrome
Il existe aussi des plugins sur Chrome si la manip ci-dessus vous semble compliquée à retenir ou un peu complexe. Vous pouvez les trouver en faisant une recherche dans les extensions de Google chrome.
En voici 3 par exemple :
Faire la capture d’écran d’une page web depuis un site web
Enfin, vous pouvez saisir directement l’adresse url du site dont vous souhaitez obtenir le visuel sur le site https://fullpagescreencapture.com/.
Le site se chargera de faire la capture d’écran pour vous et vous le fournir sous forme d’image à télécharger.
Pour l’avoir testé, il fonctionne sur certains sites (free.fr par exemple) et pas sur d’autres (fnac.com par exemple). je ne sais pas trop pourquoi.
L’intérêt de cette solution est de pouvoir générer la capture d’écran en étant sur mobile ou tablette par exemple. En effet les options et extensions utilisées précédemment pour les navigateurs ne sont disponibles que pour les versions pc (Windows et Mac, c’est sûr. Pour Linux, dites-moi).
Connaissez-vous d’autres sites, plugins ou astuces pour faire ce type de capture d’écran ? Avez-vous des avis ou remarques ? N’hésitez pas à apporter votre contribution en commentaires.
