Capture de fenêtre d'affichage
Ce qu'est une capture de fenêtre d'affichage, en quoi elle diffère de la capture de page entière et quand elle est le bon choix.
Une capture de fenêtre d'affichage ne capture que la partie d'une page web visible dans la fenêtre du navigateur, la fenêtre d'affichage (viewport), à sa taille et à sa position de défilement actuelles. Le contenu situé au-dessus ou au-dessous de la zone visible n'est pas inclus. La taille de l'image est égale à la taille de la fenêtre d'affichage multipliée par le facteur d'échelle de l'appareil, par exemple 1920×1080 en 1x ou 3840×2160 en 2x.
En développement web, la fenêtre d'affichage est la zone dans laquelle la page s'affiche, mesurée en pixels CSS. Elle exclut les éléments du navigateur comme la barre des onglets et la barre d'adresse. Une capture de fenêtre d'affichage montre donc la page telle qu'un visiteur la voit en premier, sans l'interface du navigateur autour.
Capture de fenêtre d'affichage ou de page entière
Une capture de fenêtre d'affichage montre un écran de contenu, comme le voit un visiteur à son arrivée. Une capture de page entière rend le document complet du haut vers le bas dans une seule image. Les captures de fenêtre d'affichage sont plus petites, plus rapides et plus faciles à comparer. Les captures de page entière montrent tout, mais peuvent être très hautes et casser les mises en page conçues autour de la hauteur de la fenêtre d'affichage.
Où les captures de fenêtre d'affichage sont utilisées
- Vérification du premier écran d'une page d'accueil.
- Vignettes et aperçus de liens.
- Tests de régression visuelle centrés sur l'en-tête et la zone d'accroche.
- Contrôles responsive à des tailles d'appareil fixes.
Tailles de fenêtre d'affichage et capture responsive
La largeur de la fenêtre d'affichage détermine la mise en page responsive affichée. Une fenêtre de 390 pixels de large déclenche une mise en page téléphone, tandis qu'une largeur de 1920 affiche une mise en page de bureau. Website Capture de Temposhot propose Desktop 1920×1080, Tablet 768×1024 et Mobile 390×844, avec une Area réglée sur Viewport ou Full page pour chaque URL.
Erreurs courantes avec les captures de fenêtre d'affichage
- Capturer avant la fin du chargement ou de l'animation de la page.
- Laisser une bannière de cookies qui couvre la fenêtre d'affichage.
- Attendre que du contenu situé sous la ligne de flottaison apparaisse.
- Comparer des captures réalisées à des facteurs d'échelle différents.
Vous refaites les mêmes captures encore et encore ?
Ajoutez les URL à Website Capture, réglez Viewport et un appareil, puis lancez une exécution avec jusqu'à 10 Concurrent browsers. Consultez les options de capture.
Questions fréquentes
Que signifie « au-dessus de la ligne de flottaison » ?
Le contenu visible sans défilement, c'est-à-dire ce que montre une capture de fenêtre d'affichage.
Une capture de fenêtre d'affichage inclut-elle la barre d'adresse ?
Non. Elle ne contient que la page rendue.
Sources
Ressources associées
- Démarrage rapide de Website Capture : première exécution avec une liste d'URL.
- Options de Website Capture : réglages d'appareil, de zone et d'attente.
- Vérificateur de résolution de capture d'écran : vérifier la taille de l'image.
Vous prenez toujours les mêmes captures d'écran ?
Temposhot capture un écran, une fenêtre ou une zone à intervalles programmés et exporte l'ensemble en PDF, en images, en ZIP ou en MP4. Les outils gratuits du navigateur ne permettent de traiter qu'une image à la fois.
Ressources associées
Termes associés
- Capture de page entièreCe qu'est une capture de page entière, en quoi elle diffère des captures de fenêtre d'affichage et de défilement, et quand l'utiliser.
- Capture responsiveCe qu'est une capture responsive, les tailles de fenêtre d'affichage courantes et les erreurs à éviter lors des captures sur plusieurs appareils.
- Capture d'écran avec défilementCe qu'est une capture d'écran avec défilement, en quoi elle diffère d'une capture de page entière et quand l'utiliser.
- Navigateur sans interfaceCe qu'est un navigateur sans interface, comment il sert aux captures automatisées et les pièges courants.
- Capture d'écranCe que signifie la capture d'écran, les différentes méthodes de capture et comment choisir la bonne.