Como você melhora a qualidade das capturas na web?

Antes de julgar a qualidade de uma captura, deve ficar claro que o software de captura do GrabzIt é baseado no Chromium, portanto, se o URL ou HTML não renderizar bem no Chrome, não será bem capturado.

Qualidade da Imagem

As capturas de imagens por padrão usam JPG, que usa uma compactação de 90% por padrão para fornecer qualidade reduzida, mas com um tamanho de imagem menor. Para melhorar a qualidade, você precisa alterar o formato da imagem para algo diferente do JPG padrão, como PNG, o que oferece um bom equilíbrio entre compactação e qualidade. Ou mantenha o formato JPG e defina o parâmetro de qualidade para 100, conforme mostrado abaixo, embora isso aumente o tamanho do arquivo.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
API REST
Ruby

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.spacex.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.spacex.com", options);
grabzIt.Save("http://www.mywebsite.com/handler");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.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.spacex.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.spacex.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.spacex.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.spacex.com", options)
grabzIt.Save("http://www.mywebsite.com/handler.py")

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&quality=100&url=https%3A%2F%2Fspacex.com%2F

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.spacex.com", options)
grabzIt.save("http://www.mywebsite.com/handler/index")

Outro possível problema de qualidade pode ser causado pelo dimensionamento da captura de tela. Isso significa aumentar ou diminuir o tamanho da imagem em relação ao tamanho do navegador. Embora usemos os melhores algoritmos de escala, a qualidade ainda pode ser afetada, isso geralmente se deve a o desenvolvedor escolhendo proporções de escala incorretas para a imagem.

Imagem PRint Qualidade

Se você quiser print uma imagem, quanto maiores as dimensões da imagem, maior qualidade a imagem pode terintEd. Para fazer isso sem esticar a imagem, o GrabzIt pode criar imagens de alta definição onde as imagens são ampliadas para fornecer mais detalhes.

Qualidade DOCX

A qualidade das imagens armazenadas em DOCX pode ser melhorada definindo o parâmetro de qualidade para o tipo de documento que você está convertendo, o exemplo abaixo mostra como definir a qualidade de um DOCX para 100.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
API REST
Ruby

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

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

DOCXOptions options = new DOCXOptions();
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.spacex.com", options);
grabzIt.Save("http://www.mywebsite.com/handler");

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
{"quality":100,"format":"docx"}).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_docx("http://www.spacex.com", {"quality":100});
client.save("http://www.example.com/handler", function (error, id){
    if (error != null){
        throw error;
    }
});

$options = GrabzItDOCXOptions->new();
$options->quality(100);

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToDOCX("http://www.spacex.com", $options);
$grabzIt->Save("http://www.mywebsite.com/handler.pl");

$options = new \GrabzIt\GrabzItDOCXOptions();
$options->setQuality(100);

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

options = GrabzItDOCXOptions.GrabzItDOCXOptions()
options.quality = 100

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.URLToDOCX("http://www.spacex.com", options)
grabzIt.Save("http://www.mywebsite.com/handler.py")

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=docx&quality=100&url=https%3A%2F%2Fspacex.com%2F

options = GrabzIt::DOCXOptions.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_docx("http://www.spacex.com", options)
grabzIt.save("http://www.mywebsite.com/handler/index")

Qualidade PDF

Os PDFs gerados pelo GrabzIt usam a melhor compactação por padrão, o que garante que um PDF seja compactado sem perder qualidade. No entanto, um valor de qualidade inferior a 50 fará com que o GrabzIt comprima totalmente o PDF.

Qualidade GIF animado

Você também pode melhorar a qualidade do GIF animado definindo o parâmetro de qualidade para 100, adicionalmente aumentando a taxa de quadros também melhorará a qualidade do GIF.

Observe que para usar a maioria dessas técnicas também será necessário um pacote premium.

Mais artigos sobre captura da Web Community Frequentes