Tools to Capture and Convert the Web

How do you improve the quality of web captures?

Before judging the quality of a capture it must be made clear that GrabzIt's capture software is based on Chromium, so if the URL or HTML doesn't render well in Chrome it won't be captured well.

Image Quality

Image captures by default use JPG, which uses a 85% compression by default to give reduced quality, but with a smaller image size. To improve the quality you need to either change the image format to something other than the default JPG and such as PNG, which gives a good balance of compression and quality. Or keep the JPG format and set the quality parameter to 100, as shown below, although this will increase the file size.

ImageOptions options = new ImageOptions();
options.Quality = 100;

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("http://www.google.com", options);
grabzIt.Save("http://www.mywebsite.com/Home/Handler");
ImageOptions options = new ImageOptions();
options.setQuality(100);

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("http://www.google.com", options);
grabzIt.Save("http://www.mywebsite.com/handler");
<script src="https://cdn.jsdelivr.net/gh/GrabzIt/grabzit@js-3.2.9.8/javascript/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.google.com", 
{"quality":100}).Create();
</script>
var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_image("http://www.google.com", {"quality":100});
client.save("http://www.example.com/handler", function (error, id){
    if (error != null){
        throw error;
    }
});
$options = GrabzItImageOptions->new();
$options->quality(100);

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("http://www.google.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.pl");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setQuality(100);

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("http://www.google.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.php");
options = GrabzItImageOptions.GrabzItImageOptions()
options.quality = 100

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.URLToImage("http://www.google.com", options)
grabzIt.Save("http://www.mywebsite.com/handler.py")
options = GrabzIt::ImageOptions.new()
options.quality = 100

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.url_to_image("http://www.google.com", options)
grabzIt.save("http://www.mywebsite.com/handler/index")

Another potential quality issue can be caused by scaling the screenshot. This means increasing or decreasing the image size relative to the size of the browser. While we use the best scaling algorithms the quality can still be effected, this is often due to the developer choosing incorrect scaling ratios for the image.

Image Print Quality

If you want to print a image the the larger the image dimensions the higher quality image can be printed. To do this without stretching the image GrabzIt can create high definition images were images are zoomed to provide increased detail.

PDF and DOCX Quality

The quality of images stored in DOCX and PDF's can be improved by setting the quality parameter for the type of document you are converting, the example below shows how to set the quality of a PDF to 100.

PDFOptions options = new PDFOptions();
options.Quality = 100;

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToPDF("http://www.google.com", options);
grabzIt.Save("http://www.mywebsite.com/Home/Handler");
PDFOptions options = new PDFOptions();
options.setQuality(100);

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToPDF("http://www.google.com", options);
grabzIt.Save("http://www.mywebsite.com/handler");
<script src="https://cdn.jsdelivr.net/gh/GrabzIt/grabzit@js-3.2.9.8/javascript/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.google.com", 
{"quality":100,"format":"pdf"}).Create();
</script>
var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_pdf("http://www.google.com", {"quality":100});
client.save("http://www.example.com/handler", function (error, id){
    if (error != null){
        throw error;
    }
});
$options = GrabzItPDFOptions->new();
$options->quality(100);

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToPDF("http://www.google.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.pl");
$options = new \GrabzIt\GrabzItPDFOptions();
$options->setQuality(100);

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToPDF("http://www.google.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.php");
options = GrabzItPDFOptions.GrabzItPDFOptions()
options.quality = 100

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.URLToPDF("http://www.google.com", options)
grabzIt.Save("http://www.mywebsite.com/handler.py")
options = GrabzIt::PDFOptions.new()
options.quality = 100

grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.url_to_pdf("http://www.google.com", options)
grabzIt.save("http://www.mywebsite.com/handler/index")

Animated GIF Quality

You can also improve Animated GIF quality by setting the quality parameter to 100, additionally increasing the frame rate will also improve the quality of the GIF.

Note that to use most of these techniques will also require a premium package.

Back to SupportMore Web Capture ArticlesCommunity Web Capture Questions
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