Exemples de rendu

Formats, viewports et options de capture disponibles avec Shotbot. Rendu Chromium réel, sans post-traitement.

Captures réelles Aucune maquette Actualisées fréquemment
Créer une capture Documentation API

Un même site, plusieurs rendus

Desktop · rendu réel, sans retouche. Cliquez sur les viewports pour changer la capture.

palaisdetokyo.com
Capture desktop de palaisdetokyo.com
viewport_width · cliquez pour changer

Rendu mobile

Carré, mobile portrait, tablette portrait et paysage · viewports 390 et 768 px · cadres device, rendu réel sans retouche.

Capture carrée de motmet.studioCarré 1:1
Capture mobile portrait de motmet.studioMobile 390px
Capture tablette portrait de motmet.studioTablette 768px
Capture tablette paysage de motmet.studioTablette paysage 768px
Capture mobile paysage de motmet.studioMobile paysage 768px

Presets

Paramètres de sortie prédéfinis · viewport, dimensions et ratio en un seul paramètre.

Modernes
Preset og | solar.lowtechmagazine.com
1200×630og
Preset youtube_thumbnail | solar.lowtechmagazine.com
1280×720youtube
Preset square | solar.lowtechmagazine.com
1080×1080square
Preset reel | solar.lowtechmagazine.com
1080×1920reel
Preset pinterest | solar.lowtechmagazine.com
1000×1500pinterest
Classiques
Preset mobile | rijksmuseum.nl
390×844mobile
Preset tablet | rijksmuseum.nl
768×1024tablet
Preset desktop | rijksmuseum.nl
1440×900desktop
Preset desktop_hd | rijksmuseum.nl
1920×1080desktop_hd
Bannières
twitter_header1500×500
linkedin_banner1584×396
hero_banner1920×600
Modernes
Preset og | solar.lowtechmagazine.com
1200×630og
Preset youtube_thumbnail | solar.lowtechmagazine.com
1280×720youtube
Preset square | solar.lowtechmagazine.com
1080×1080square
Preset reel | solar.lowtechmagazine.com
1080×1920reel
Preset pinterest | solar.lowtechmagazine.com
1000×1500pinterest
Classiques
Preset mobile | rijksmuseum.nl
390×844mobile
Preset tablet | rijksmuseum.nl
768×1024tablet
Preset desktop | rijksmuseum.nl
1440×900desktop
Preset desktop_hd | rijksmuseum.nl
1920×1080desktop_hd
Bannières
twitter_header1500×500
linkedin_banner1584×396
hero_banner1920×600

Pleine page

Captures réelles, hauteurs proportionnelles. À droite, la paire pexels montre l'effet de scroll_before_capture : sans lui, le contenu lazy-loadé sous la ligne de flottaison reste invisible.

Capture pleine page de motmet.studio5 844 pxmotmet.studio
Capture pleine page de culture.strasbourg.eu8 000 pxculture.strasbourg.eu
Capture pleine page de palaisdetokyo.com7 271 pxpalaisdetokyo.com
Capture pleine page de scaleway.com7 294 pxscaleway.com
lazy-load : on / off
Capture pleine page de pexels.com2 076 pxpexels.comlazy: off
Capture pleine page de pexels.com4 293 pxpexels.comlazy: on

Cadres décoratifs

Un cadre ou un mockup appareil autour de la capture, groupé par usage. Le rendu est réel, pas une maquette CSS.

Navigateur
Capture d'écran avec le cadre Fenêtre navigateur
browser_chromeTutoriels, captures de page
Capture d'écran avec le cadre Fenêtre navigateur (sombre)
browser_chrome_darkTutoriels sur fond sombre
Appareils
Capture d'écran avec le cadre Mockup smartphone
mobileAperçu responsive mobile
Capture d'écran avec le cadre Smartphone (clair)
mobile_lightSmartphone, châssis clair
Capture d'écran avec le cadre Mockup tablette
tabletAperçu responsive tablette
Capture d'écran avec le cadre Tablette (claire)
tablet_lightTablette, châssis clair
Capture d'écran avec le cadre Mockup ordinateur portable
laptopPrésentations, hero produit
Décoratifs
Capture d'écran avec le cadre Coins arrondis
roundedCoins adoucis, taille inchangée
Capture d'écran avec le cadre Ombre portée
shadowArticles de blog, documentation
Capture d'écran avec le cadre Polaroïd
polaroidTémoignages, ambiance rétro
Capture d'écran avec le cadre Fond dégradé
gradientCartes sociales, images OG
Marque
Capture d'écran avec le cadre Cadre Shotbot
shotbot_brandImage de marque Shotbot
dismiss_cookies

Gestion automatique des bandeaux cookies Pro

Accepte ou refuse les bannières RGPD avant la capture. Plus aucune popup ne pollue le rendu : meteo.franceinfo.fr capturé sans puis avec auto-accept. Glissez la poignée pour comparer.

meteo.franceinfo.fr avec bannière cookies
off
meteo.franceinfo.fr sans bannière cookies (auto-accepté)
accept
color_scheme

Forcer le mode clair ou sombre

Rendu réel en mode clair ou sombre, côté serveur, indépendant du navigateur du visiteur.

vercel.com en mode clair
color_scheme: light
vercel.com en mode sombre
color_scheme: dark

Shotbot Pro

Viewports 1440-1920 px · PNG, WebP, AVIF, PDF · batch 5 000 URLs · 5 000 captures / mois.

Blocage des publicités block_ads
Bloque pubs et trackers via une liste hosts uBlock-style.
Basic Auth http_auth
Capture les sites protégés par mot de passe.
Lazy-load scroll_before_capture
Charge le contenu sous la ligne de flottaison avant la capture.
Hauteur précise crop_height
Ex : 630 px pour les vignettes Open Graph.
Sélecteur CSS selector
Isole et capture un seul élément de la page.
Injection de cookies cookies
Capture les pages derrière une session ouverte.

Tarifs S’abonner →

Créer une capture → Documentation API