Render examples

Formats, viewports and capture options available with Shotbot. Real Chromium renders, no post-processing.

Real screenshots No mock-ups Updated frequently

One site, multiple renders

Desktop · real render, no retouching. Click the viewports to switch the screenshot.

Mobile rendering

Square, mobile portrait, tablet portrait and landscape · viewports 390 and 768 px · device frames, real render with no retouching.

Square screenshot of motmet.studioSquare 1:1
Mobile portrait screenshot of motmet.studioMobile 390px
Tablet portrait screenshot of motmet.studioTablet 768px
Tablet landscape screenshot of motmet.studioTablet landscape 768px
Mobile landscape screenshot of motmet.studioMobile landscape 768px

Presets

Predefined output settings · viewport, dimensions and ratio in a single parameter.

Modern
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
Classic
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
Banners
twitter_header1500×500
linkedin_banner1584×396
hero_banner1920×600
Modern
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
Classic
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
Banners
twitter_header1500×500
linkedin_banner1584×396
hero_banner1920×600

Full page

Real screenshots, proportional heights. On the right, the pexels pair shows the effect of scroll_before_capture: without it, content lazy-loaded below the fold stays invisible.

Decorative frames

A frame or device mock-up wrapped around the screenshot, grouped by use case. The render is real, not a CSS mock-up.

Browser
Screenshot with the Browser window frame
browser_chromeTutorials, page shots
Screenshot with the Browser window (dark) frame
browser_chrome_darkTutorials on dark pages
Devices
Screenshot with the Phone mockup frame
mobileMobile responsive preview
Screenshot with the Phone (light) frame
mobile_lightPhone, light chassis
Screenshot with the Tablet mockup frame
tabletTablet responsive preview
Screenshot with the Tablet (light) frame
tablet_lightTablet, light chassis
Screenshot with the Laptop mockup frame
laptopDecks, product hero
Decorative
Screenshot with the Rounded corners frame
roundedSoft corners, same size
Screenshot with the Drop shadow frame
shadowBlog posts, documentation
Screenshot with the Polaroid frame
polaroidTestimonials, retro feel
Screenshot with the Gradient backdrop frame
gradientSocial cards, OG images
Branding
Screenshot with the Shotbot branded frame
shotbot_brandShotbot branding
dismiss_cookies

Automatic cookie banner handling Pro

Accept or reject GDPR banners before the capture. No popup pollutes the render anymore : meteo.franceinfo.fr captured without, then with auto-accept. Drag the handle to compare.

meteo.franceinfo.fr with cookie banner
off
meteo.franceinfo.fr without cookie banner (auto-accepted)
accept
color_scheme

Force light or dark mode

Real render in light or dark mode, server-side, independent of the visitor's browser.

vercel.com in light mode
color_scheme: light
vercel.com in dark mode
color_scheme: dark

Shotbot Pro

Viewports 1440–1920 px · PNG, WebP, AVIF, PDF · 5,000-URL batches · 5,000 screenshots / month.

Ad blocking block_ads
Blocks ads and trackers via a uBlock-style hosts list.
Basic Auth http_auth
Captures password-protected sites.
Lazy-load scroll_before_capture
Loads content below the fold before the capture.
Exact height crop_height
E.g. 630 px for Open Graph thumbnails.
CSS selector selector
Isolates and captures a single page element.
Cookie injection cookies
Captures pages behind an open session.

Pricing Subscribe →