The viewport is the screen viewing area of a website measured in height and width in pixels. When taking a screenshot of a website, adjusting the viewport to match the desired screen size is important to ensure the highest quality image.
With responsive design becoming increasingly important in web development, capturing website screenshots for different devices and screen sizes is essential. By adjusting the viewport, you can generate instant, high quality screenshots for Full HD desktops, laptops, tablets, and mobile devices.
Our website screenshot generator allows you to adjust the viewport to capture screenshots of websites for different screen sizes and devices. With just a few clicks, you can generate instant screenshots for Full HD desktops, laptops, tablets, and mobile devices.
Our tool is perfect for web developers, designers, and marketers who need high quality screenshots for presentations, reports, or website analysis. Adjusting the viewport allows you to capture the perfect image, no matter what device your website is viewed on.
The default viewport is 1920x1080, which is the most common Full HD (1080p) desktop screen resolution used in countries such as North America.
Visit statscounter.com to see popular screen resolutions (viewports) worldwide, or filter the results by region and platform such as desktop, tablet and mobile devices.
Here is an example request to take a screenshot with a 414x896 viewport to mimic an iPhone 11:
// Line breaks added for readability
https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&viewport=414x896
&url=https://www.apple.com/iphone11/
Your API key can be found on the API Keys page.
Need an API Key? Sign up to get started.
For internal applications, replace YOUR_API_KEY with your own unique API Key.
For public facing websites or hotlinks, generate a signed URL.
Mobile phone screenshot example:
// Line breaks added for readability
https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&viewport=768x1024
&url=youtube.com
// Line breaks added for readability
https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&viewport=1024x768
&url=youtube.com
// Line breaks added for readability
https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&viewport=800x600
&url=youtube.com
// Line breaks added for readability
https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&viewport=375x667
&url=youtube.com
// Line breaks added for readability
https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&viewport=375x667
&mobile=true
&url=youtube.com