---
title: Taking screenshots
slug: Tools/Taking_screenshots
tags:
  - Outils
translation_of: Tools/Taking_screenshots
original_slug: Outils/Taking_screenshots
---
<div>{{ToolsSidebar}}</div>

<p>Il est possible d'utiliser les outils de développement pour prendre une capture d'écran de la page entière, ou d'un unique élément de la page.</p>

<h2 id="Prendre_une_capture_d'écran_de_la_page">Prendre une capture d'écran de la page</h2>

<p>Utilisez le bouton de capture d'écran: <img alt="" src="https://mdn.mozillademos.org/files/14713/camera-icon.png" style="height: 16px; margin-bottom: -4px; width: 18px;"> pour prendre une capture d'écran en pleine page de la page actuelle.</p>

<p>Par défaut, le bouton de capture d'écran n'est pas activé. Pour l'activer :</p>

<ul>
 <li>Visitez la page <a href="/fr/docs/Tools/Settings">Paramètres</a></li>
 <li>Touvez la section nommée « Boutons de la boîte à outils »</li>
 <li>Cochez la case « Prendre une capture d'écran de la page entière ».</li>
</ul>

<p>Vous verrez dorénavant le bouton dans la barre d'outils :</p>

<p>{{EmbedYouTube("KB5V9uJgcS4")}}</p>

<p>Cliquez sur le bouton pour faire une capture d'écran de la page en cours. La capture est enregistrée dans le dossier « Téléchargements » de votre navigateur.</p>

<p>{{EmbedYouTube("HKS6MofdXVE")}}</p>

<h2 id="Prendre_la_capture_d'écran_d'un_élément">Prendre la capture d'écran d'un élément</h2>

<p>Pour prendre une capture d'écran d'un seul élément dans la page, activez le menu contextuel de cet élément dans le <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">panneau HTLM</a>, et sélectionnez « Prendre une capture du nœud ». La capture d'écran est enregistrée dans le dossier « Téléchargements » du navigateur :</p>

<p>{{EmbedYouTube("p2pjF_BrE1o")}}</p>

<h2 id="Copier_des_captures_d'écran_dans_le_presse-papier">Copier des captures d'écran dans le presse-papier</h2>

<p>Dans Firefox 53, il est possible de copier la  capture d'écran dans le presse-papier. Pensez à cocher la case « Enregistrer dans le presse-papiers » :</p>

<p>{{EmbedYouTube("AZedFGh6F78")}}</p>

<p>Maintenant, dès que vous effectuerez une capture d'écran, celle-ci sera automatiquement copiée dans le presse-papier.</p>

<h2 id="Options_additionnelles">Options additionnelles</h2>

<p>Depuis Firefox 62, il est possible de préciser un ratio-pixel, de mettre un délai avant la capture, ou de spécifier le nom du fichier. Pour cela, il faut utiliser la <a href="/fr/docs/Tools/Web_Console/The_command_line_interpreter#Helper_commands">fonction d'aide </a><code>:screenshot</code> dans la Console Web.</p>