Tools to Capture and Convert the Web
website thumbnail

Create website thumbnails with GrabzIt

Often web developers need to create previews of web pagess. To improve click through rates and for sharing on Facebook and other social media.

By default GrabzIt's API and Online Screenshot Tool will create website thumbnails by shrinking the website screenshot. Until it fits within the maximum size allowed on the user's package.

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 1024px 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.

Thumbnail Calculator

px
px
19%
195px
146px

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.

How to use our Website Thumbnail API

Integrate the ability to take web page thumbnails into your application with GrabzIt's Screenshot API. To get started just choose one of the eight 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 = 1024;
options.BrowserHeight = 768;
options.Width = 195;
options.Height = 146;

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, 1024, 768, 195, 146, ImageFormat.jpg, 0, string.Empty, 
BrowserType.StandardBrowser, string.Empty); 
grabzIt.SaveTo("images/result.jpg");

This code example shows how easy it is to create a website thumbnail using Java. To start capturing thumbnails just download the Java Library. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for Java to find out all the ways you can use GrabzIt's API.

ImageOptions options = new ImageOptions();
options.setBrowserWidth(1024);
options.setBrowserHeight(768);
options.setWidth(195);
options.setHeight(146);

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", options); 
grabzIt.SaveTo("images/result.jpg");

This code example shows how easy it is to create a website thumbnail using JavaScript. To start capturing thumbnails download GrabzIt's JavaScript Library. Then get your API key and secret, add the domain you want to use the JavaScript on and then check out the screenshot API documentation for JavaScript to find out all the ways you can use GrabzIt's API.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.4/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"bwidth":1024,"bheight":768,"width":195,"height":146}).Create();
</script>

This code example shows how easy it is to create a website thumbnail using Node.js. To start capturing thumbnails just download the Node.js Package. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for Node.js to find out all the ways you can use GrabzIt's API.

var grabzit = require('grabzit');

var options = {"width":195, "height":146, 
    "browserHeight":768, "browserWidth":1024};

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_image("https://www.tesla.com", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

This code example shows how easy it is to create a website thumbnail using Perl. To start capturing thumbnails just download the Perl Library. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for Perl to find out all the ways you can use GrabzIt's API.

#!/usr/bin/perl

use GrabzItClient;

$options = GrabzItImageOptions->new();
$options->browserWidth(1024);
$options->browserHeight(768);
$options->width(195);
$options->height(146);

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", '', 1024, 768, 195, 146);
$grabzIt->SaveTo("images/result.jpg");

This code example shows how easy it is to create a website thumbnail using PHP. To start capturing thumbnails just download the PHP Library. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for PHP to find out all the ways you can use GrabzIt's API.

include("GrabzItClient.php");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserWidth(1024);
$options->setBrowserHeight(768);
$options->setWidth(195);
$options->setHeight(146);

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", $options); 
$grabzIt->SaveTo("images/result.jpg");

This code example shows how easy it is to create a website thumbnail using Python. To start capturing thumbnails just download the Python Library. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for Python to find out all the ways you can use GrabzIt's API.

from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions

options = GrabzItImageOptions.GrabzItImageOptions()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.URLToImage("https://www.tesla.com", options) 
grabzIt.SaveTo("images/result.jpg") 

This code example shows how easy it is to create a website thumbnail using Ruby. To start capturing thumbnails just download the Ruby Gem. Then get your API key and secret and then use the demo contained within. Then check out the screenshot API documentation for Ruby to find out all the ways you can use GrabzIt's API.

require 'grabzit'

options = GrabzIt::ImageOptions.new()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzItClient.url_to_image("https://www.tesla.com", options)	
grabzItClient.save_to("images/result.jpg") 	
Try all our premium features for free with a 7 day free trial. Then from $5.99 a month, unless cancelled.
  • More Captures
  • More Features
  • More API's
  • Bigger Scrapes
  • Bigger Captures
  • Bigger Everything
Start Free Trial