Capture de page web
Capturez la zone visible ou la page entière depuis une URL avec des formats courants pour ordinateur et mobile.
Qu’est-ce qu’un outil de capture de page web ?
Un outil de capture de page web charge une URL, prévisualise la page dans une fenêtre d’ordinateur, de tablette ou de mobile et enregistre la zone visible ou la page entière. Choisissez PNG, JPG ou WebP et réglez l’échelle, la qualité et le délai avant la capture. Il convient aux revues de design, présentations de produits, rapports de bugs et contrôles responsive sans installer de logiciel.
Comment capturer une page web en ligne
- Saisissez une URL complète en http ou https, cliquez sur charger et attendez la fin de l’aperçu.
- Choisissez un préréglage ordinateur, portable, tablette ou mobile, ou saisissez une largeur et une hauteur personnalisées.
- Sélectionnez la zone visible ou la page entière, puis réglez le format, l’échelle, la qualité et le délai.
- Cliquez sur capturer et télécharger pour enregistrer l’image générée dans le navigateur.
Avantages de l’outil de capture web
Plusieurs fenêtres d’appareil
Les préréglages ordinateur, portable, tablette et mobile couvrent les tailles courantes, avec des dimensions personnalisées.
Zone visible ou page entière
Capturez la fenêtre actuelle pour les pages courtes ou la hauteur du document same-origin pour les pages longues.
Plusieurs formats d’image
PNG convient aux interfaces nettes, JPG réduit la taille et WebP est adapté aux ressources web modernes.
Contrôle du délai et de la qualité
Attendez les ressources dynamiques et utilisez l’échelle 1x, 2x ou 3x pour équilibrer netteté et taille.
FAQ sur les captures de pages web
Pourquoi une page peut-elle être prévisualisée mais pas capturée ?
Cette limite vient de la politique same-origin du navigateur. Un iframe peut afficher un autre domaine, mais le JavaScript de l’outil ne peut pas lire son DOM cross-origin et html2canvas ne peut pas le capturer. La capture directe fonctionne en same-origin.
Comment capturer une page dynamique une fois stabilisée ?
Utilisez le délai pour laisser la page se stabiliser 1 à 5 secondes après le chargement de l’iframe. Les pages protégées, contenus déclenchés au défilement ou requêtes continues peuvent encore modifier le résultat.
Pourquoi certaines images manquent-elles dans la capture ?
Le serveur d’images peut ne pas renvoyer les en-têtes CORS ou l’image peut ne pas être chargée. Utilisez HTTPS et des images autorisant CORS, augmentez le délai ou intégrez les images comme data URL.
Le contenu de la page est-il envoyé à un serveur ?
La page est rendue et l’image est créée puis téléchargée dans le navigateur actuel ; l’outil n’envoie pas activement le contenu à un service de capture. Les images, polices et scripts tiers peuvent néanmoins charger des ressources selon leurs propres règles.
Outils recommandes
Ces outils de fichiers peuvent aussi vous etre utiles
Convertir HTML en image
Transformez du code HTML ou des extraits de page en images PNG, JPG ou WebP pour les partager et créer des visuels.
Aperçu web responsive
Visualisez la mise en page et le rendu d un site sur des formats mobile, tablette et ordinateur.
Aperçu Open Graph
Prévisualisez le titre, la description, l image et la carte de lien lors du partage sur les réseaux sociaux.