# Website Screenshot

Generate high-quality website screenshots with customizable options using headless browser

> Canonical page: https://elysiatools.com/en/tools/website-screenshot

- **Category:** Development

- **Keywords:** screenshot, website, browser, puppeteer, capture, webpage, image, headless, automation

## Overview

Capture high-quality, pixel-perfect screenshots of any webpage using our automated headless browser tool, designed for developers, designers, and content creators.

## Inputs

- **URL** (text): https://example.com
- **Width (pixels)** (number): 1200
- **Height (pixels)** (number): 800
- **Image Format** (select)
- **Quality (1-100)** (number): 80
- **Full Page Screenshot** (checkbox)
- **Wait Time (ms)** (number): 1000
- **Hide Elements (CSS selectors)** (textarea): .ads, .popup, .cookie-banner (comma-separated)
- **Dark Mode** (checkbox)
- **Mobile View** (checkbox)

## When to use

- Generating visual documentation or archives of live websites.
- Creating consistent social media previews or marketing assets.
- Testing responsive layouts across different viewport dimensions.

## How it works

- Enter the target URL you wish to capture.
- Adjust settings like viewport width, height, and format to match your requirements.
- Apply optional filters such as hiding specific CSS elements or enabling dark mode.
- Click capture to generate and download your high-resolution image file.

## Use cases

- Archiving web content for legal or historical record-keeping.
- Automating the creation of visual bug reports for web development teams.
- Generating consistent website thumbnails for portfolio showcases.

## Frequently asked questions

### Can I capture the entire length of a page?

Yes, enable the 'Full Page Screenshot' option to capture the full scrollable height of the webpage.

### How do I remove cookie banners or ads from the screenshot?

Use the 'Hide Elements' field to input CSS selectors (e.g., .cookie-banner, .ads) that you want to exclude from the final image.

### What image formats are supported?

You can export your screenshots in PNG, JPEG, or WebP formats.

### Can I simulate mobile devices?

Yes, check the 'Mobile View' option to render the page as it appears on mobile devices.

### Is there a delay option for dynamic content?

Yes, use the 'Wait Time' setting to specify how many milliseconds the browser should wait before taking the screenshot, allowing dynamic elements to load.

## Related tools

- [Red-Cyan 3D Anaglyph Generator](https://elysiatools.com/en/tools/image-anaglyph): Generate red-cyan 3D anaglyph images from regular photos. Creates stereoscopic 3D images viewable with red-cyan 3D glasses.
- [Depth Map Generator](https://elysiatools.com/en/tools/image-depth-map): Generate depth maps from images using brightness, saturation, and edge analysis. Creates grayscale depth maps where lighter pixels indicate closer objects and darker pixels indicate further objects.
- [PDF Brand Guidelines](https://elysiatools.com/en/tools/pdf-brand-guidelines-pdf): Generate a brand guidelines PDF with logo, palette, typography, and spacing rules
- [PDF Image Layouts](https://elysiatools.com/en/tools/pdf-image-layouts): Generate single-page multi-image PDF layouts (3x3, waterfall, gallery)
- [PDF Photo Contact Sheet](https://elysiatools.com/en/tools/pdf-photo-contact-sheet): Generate paginated photo contact sheets with thumbnails, filenames, and EXIF lines
- [PDF Poster Maker](https://elysiatools.com/en/tools/pdf-poster-maker): Create poster/flyer PDF templates with headline, background image, gradients, and CTA button text
- [PDF Storyboard Sheet](https://elysiatools.com/en/tools/pdf-storyboard-sheet): Generate storyboard sheets with thumbnail frames and description areas
- [VP8 Image Analyzer](https://elysiatools.com/en/tools/vp8-image-analyzer): Analyze a WebP/VP8 image with Sharp, generate a grayscale displacement map, and render it as an interactive Three.js 3D relief surface

## Samples

- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion
- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Web Image Processing Rust Samples](https://elysiatools.com/en/samples/web-image-processing-rust): Web Rust image processing examples including image read/save, scaling, and format conversion

## Related content

- [Pre-Publish Web Accessibility Audit](https://elysiatools.com/en/hubs/web-accessibility-audits): Review a page or UI component for structural, reading-order, screenshot-contrast, and color-vision risks, then turn automated findings into a human-reviewed release record.