🤖 - Capture d'ecran de page web via URL

Usages de la capture d'écran web

Les captures d'écran de pages web ont de nombreux usages professionnels et techniques :

• ✅ Monitoring visuel — détecter les changements de mise en page
• ✅ Tests de régression — comparer avant/après déploiement
• ✅ Documentation — illustrer des guides ou tutoriels
• ✅ Archivage — conserver une preuve visuelle d'un état de page
• ✅ Prévisualisation SEO — voir le rendu d'une page comme un moteur de recherche
• ✅ Veille concurrentielle — suivre l'évolution des sites concurrents

Outils de capture populaires

• Puppeteer (Node.js) — headless Chrome, très flexible
• Playwright — multi-navigateurs, screenshots natifs
• wkhtmltoimage — ligne de commande, simple
• Selenium — WebDriver + screenshot intégré
• microlink.io — API gratuite, rapide

Automatiser les captures avec Puppeteer

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page    = await browser.newPage();

  await page.setViewport({ width: 1280, height: 800 });
  await page.goto('https://example.com', { waitUntil: 'networkidle2' });

  // Pleine page
  await page.screenshot({ path: 'capture.png', fullPage: true });

  // Viewport seulement
  await page.screenshot({ path: 'viewport.jpg', type: 'jpeg', quality: 90 });

  await browser.close();
})();

APIs de screenshot disponibles

• microlink.io — gratuit (100 req/jour), JSON + image URL
• screenshotapi.net — plan gratuit limité, bonne qualité
• urlbox.io — payant, très haute qualité
• htmlcsstoimage.com — payant, rendu fidèle
• screenshotmachine.com — plan gratuit disponible