Often web developers need to create previews of web pages. To improve click through rates and for sharing on Facebook and other social media.
However if you want to create a thumbnail image to your own specific dimensions. Then it is recommended that the thumbnail is less than the size of the browserWidth and browserHeight parameters. This is 1366px and 768px respectively by default.
It is also important that the ratio of the thumbnail width and height is kept to the browser width and height. As this stops the thumbnail image of the web page screenshot becoming distorted.
This calculator automatically calculates the best width and height for your thumbnails. Based on what percentage the thumbnail should be of the browser width and height. While also keeping the image proportional to the browser size in order to stop any stretching of the image.
For convenience any changes made with this calculator are reflected in the code examples below.
Integrate the ability to take web page thumbnails into your application with GrabzIt's Screenshot API. To get started just choose one of the nine supported programming languages below to see a code example and further instructions.
This code example shows how easy it is to create a website thumbnail using ASP.NET. To start capturing thumbnails just download the ASP.NET Library. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for ASP.NET to find out all the ways you can use GrabzIt's API.
ImageOptions options = new ImageOptions();
options.BrowserWidth = ;
options.BrowserHeight = ;
options.Width = ;
options.Height = ;
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", string.Empty, , , , , ImageFormat.jpg, 0, string.Empty,
This example shows how easy it is to create a website thumbnail using GrabzIt's RESTful API. Check out the RESTful screenshot API documentation to find out all the ways you can use GrabzIt.
https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&format=jpg&bwidth=&bheight=&width=&height=&url=https%3A%2F%2Fwww.tesla.com%2F