Recommended Free Tools
To set a custom screenshot viewport in Chrome, open DevTools, enable the Device toolbar, choose Responsive under Dimensions, and enter the width and height you need. Use Capture screenshot for the visible viewport or Capture a full size screenshot to include the page beyond it.
Set a custom width and height in Chrome DevTools
- Open the page you want to capture, then open Chrome DevTools.
- In DevTools, turn on Toggle device toolbar.
- In the Device toolbar, set Dimensions to Responsive.
- Enter the required width and height in the viewport fields. You can also drag the viewport handles to resize it. For example, the Chrome Device Mode guide demonstrates a viewport that is 480 pixels wide and 415 pixels high.
- Open More options in the Device toolbar and select the capture command you need.
Choose the right screenshot command
| Command | What it captures | Use it when |
|---|---|---|
| Capture screenshot | The currently visible viewport at the dimensions you set. | You need an image of the page as it appears within the configured viewport. |
| Capture a full size screenshot | The full page, including content outside the visible viewport. | You need the page from top to bottom rather than only the portion currently on screen. |
Save dimensions as a reusable custom device
For dimensions you expect to use repeatedly, create a custom device instead of re-entering the values each time.
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
The 138 Best Chrome Extensions | $2.99 | Buy on Amazon |
As an Amazon Associate I earn from qualifying purchases.
- Open the Device toolbar’s device list and choose Edit to open the Devices settings.
- Select Add custom device.
- Enter a device name, width, and height, then save it.
- Select the saved device from the Device toolbar’s Dimensions list when you need it.
Device pixel ratio, user-agent string, and device type are optional fields in the custom-device settings. A custom device saves a configuration for reuse; it does not make Chrome run on physical hardware matching that device.
What the viewport dimensions mean
The width and height fields set the viewport in Device Mode. Do not assume that the resulting screenshot bitmap’s pixel dimensions will always exactly equal those CSS viewport dimensions: the relationship can depend on the capture setup and device pixel ratio.
#1 Best Overall
Chrome’s Device Mode approximates a mobile experience on a desktop or laptop; it is not a substitute for opening and testing the page on an actual mobile device when hardware-specific behavior matters.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server. Send one GET request with a URL to return a PNG, JPEG, WebP, or PDF. The API supports custom viewport settings along with other capture options; see the ScreenshotNeo API documentation.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp- Cookie and consent banners are accepted before capture, and more than 60 known consent platforms, newsletter popups, and chat widgets can be removed; each step can be turned off.
- Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing. Responses include
X-Page-VerdictandX-Billedheaders. - An MCP server provides
take_screenshot,get_page_info, andcapture_pdftools for Claude, Cursor, and other MCP clients. - The Free plan includes 1,000 screenshots per month with no card required; paid plans start at $5 for 3,000 screenshots. Every feature is available on every plan.
Sign up for ScreenshotNeo to get 1,000 free screenshots a month with no card.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
