Catégories

Captureur de Sites Web

Génère des captures d'écran haute qualité de sites web avec options personnalisables utilisant un navigateur sans tête

Points clés

Catégorie
Development
Types d’entrée
text, number, select, checkbox, textarea
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Notre outil de capture de sites web vous permet de générer instantanément des images haute résolution de n'importe quelle page internet. Grâce à une technologie de navigateur sans tête, vous pouvez personnaliser précisément le rendu, incluant la taille, le format et le masquage d'éléments indésirables pour obtenir un résultat professionnel et propre.

Quand l’utiliser

  • Pour archiver l'état visuel d'une page web à un instant T.
  • Pour créer des aperçus de sites web destinés à des rapports ou des présentations.
  • Pour automatiser la génération de captures d'écran lors de tests de développement web.

Comment ça marche

  • Saisissez l'URL de la page web que vous souhaitez capturer.
  • Ajustez les paramètres optionnels tels que la résolution, le format d'image ou le mode sombre.
  • Utilisez les sélecteurs CSS pour masquer les bannières de cookies ou les publicités si nécessaire.
  • Lancez la capture pour obtenir votre fichier image prêt à être téléchargé.

Cas d’usage

Génération automatique de vignettes pour des portfolios ou des annuaires de sites.
Documentation visuelle pour le suivi des modifications de design lors du développement.
Création de preuves visuelles pour le monitoring de conformité ou de contenu.

Exemples

1. Capture d'aperçu pour portfolio

Développeur web
Contexte
Un développeur souhaite ajouter des aperçus de ses projets récents sur son site personnel.
Problème
Prendre des captures d'écran manuellement est fastidieux et les dimensions ne sont pas uniformes.
Comment l’utiliser
Entrer l'URL du projet, définir la largeur à 1200px et la hauteur à 800px, puis choisir le format PNG.
Résultat
Une image propre et uniforme, prête à être intégrée dans la galerie du portfolio.

2. Nettoyage de page pour rapport

Analyste marketing
Contexte
L'analyste doit inclure une capture d'une page de destination dans un rapport client.
Problème
La bannière de cookies et les pop-ups publicitaires gâchent la lisibilité de la capture.
Comment l’utiliser
Utiliser l'option 'Masquer les Éléments' avec les sélecteurs CSS des bannières pour obtenir une vue épurée.
Résultat
Une capture d'écran professionnelle centrée uniquement sur le contenu pertinent pour le client.

Tester avec des échantillons

image

Hubs associés

FAQ

Quels formats d'image sont supportés ?

L'outil prend en charge les formats PNG (sans perte), JPEG (compressé) et WebP (moderne).

Puis-je capturer une page entière ?

Oui, en activant l'option 'Capture d'Écran Complète', l'outil génère une image de toute la longueur de la page.

Est-il possible de masquer des éléments spécifiques ?

Absolument, vous pouvez renseigner des sélecteurs CSS dans le champ dédié pour exclure des éléments comme les pop-ups ou les bannières.

L'outil peut-il simuler une vue mobile ?

Oui, en cochant l'option 'Vue Mobile', le rendu sera adapté aux dimensions et au comportement d'un appareil mobile.

Pourquoi ajouter un temps d'attente ?

Le temps d'attente permet de laisser le temps aux scripts JavaScript et aux images de se charger complètement avant de déclencher la capture.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/website-screenshot

Paramètres de la requête

Nom du paramètre Type Requis Description
url text Oui -
width number Non -
height number Non -
format select Non -
quality number Non -
fullPage checkbox Non -
waitTime number Non -
hideElements textarea Non -
darkMode checkbox Non -
mobile checkbox Non -

Format de réponse

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-website-screenshot": {
      "name": "website-screenshot",
      "description": "Génère des captures d'écran haute qualité de sites web avec options personnalisables utilisant un navigateur sans tête",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=website-screenshot",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]