Capture d'ecran de page web via URL

Usages de la capture d'ecran web

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

• ✅ Monitoring visuel — detecter les changements de mise en page
• ✅ Tests de regression — comparer avant/apres deploiement
• ✅ Documentation — illustrer des guides ou tutoriels
• ✅ Archivage — conserver une preuve visuelle d'un etat de page
• ✅ Previsualisation SEO — voir le rendu d'une page comme un moteur de recherche
• ✅ Veille concurrentielle — suivre l'evolution des sites concurrents

Outils de capture populaires

• Puppeteer (Node.js) — headless Chrome, tres flexible
• Playwright — multi-navigateurs, screenshots natifs
• wkhtmltoimage — ligne de commande, simple
• Selenium — WebDriver + screenshot integre
• 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 limite, bonne qualite
• urlbox.io — payant, tres haute qualite
• htmlcsstoimage.com — payant, rendu fidele
• screenshotmachine.com — plan gratuit disponible