Ferramentas para capturar e converter a Web
miniatura do site

Crie miniaturas de sites com o GrabzIt

Geralmente, os desenvolvedores da web precisam criar visualizações de páginas da web. Para melhorar as taxas de cliques e para compartilhar no Facebook e outras mídias sociais.

Por padrão API do GrabzIt e nos Ferramenta de captura de tela on-line criará miniaturas do site diminuindo a captura de tela do site. Até que caiba no tamanho máximo permitido na embalagem do usuário.

No entanto, se você deseja criar uma imagem em miniatura para suas próprias dimensões específicas. É recomendável que a miniatura seja menor que o tamanho dos parâmetros browserWidth e browserHeight. Isso é 1024px e 768px, respectivamente, por padrão.

Também é importante que a proporção da largura e altura da miniatura seja mantida em relação à largura e altura do navegador. Como isso impede que a imagem em miniatura da captura de tela da página da Web fique distorcida.

Calculadora de miniaturas

px
px
19%
195px
146px

Esta calculadora calcula automaticamente a melhor largura e altura para suas miniaturas. Com base em qual porcentagem a miniatura deve ter da largura e altura do navegador. Além disso, mantenha a imagem proporcional ao tamanho do navegador para interromper qualquer esticamento da imagem.

Por conveniência, quaisquer alterações feitas nesta calculadora são refletidas nos exemplos de código abaixo.

Como usar nossa API de miniaturas de sites

Integre a capacidade de obter miniaturas de páginas da web into seu aplicativo com a API de captura de tela do GrabzIt. Para começar, escolha uma das nove linguagens de programação suportadas abaixo para ver um exemplo de código e mais instruções.

Este exemplo de código mostra como é fácil criar uma miniatura de site usando o ASP.NET. Para começar a capturar miniaturas, basta baixar a biblioteca do ASP.NET. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API da captura de tela para ASP.NET para descobrir todas as maneiras de usar a API do GrabzIt.

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");

Este exemplo de código mostra como é fácil criar uma miniatura de site usando Java. Para começar a capturar miniaturas, basta faça o download da biblioteca Java. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API de captura de tela para Java para descobrir todas as maneiras de usar a API do GrabzIt.

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");

Este exemplo de código mostra como é fácil criar uma miniatura de site usando JavaScript. Para começar a capturar miniaturas, baixe Biblioteca JavaScript de GrabzIt. Então pegue sua API chave e segredo, adicione o domínio você deseja usar o JavaScript e, em seguida, confira o documentação da API da captura de tela para JavaScript para descobrir todas as maneiras de usar a API do GrabzIt.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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>

Este exemplo de código mostra como é fácil criar uma miniatura de site usando o Node.js. Para começar a capturar miniaturas, basta baixe o pacote Node.js.. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API de captura de tela para Node.js para descobrir todas as maneiras de usar a API do GrabzIt.

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;
    }
});

Este exemplo de código mostra como é fácil criar uma miniatura de site usando Perl. Para começar a capturar miniaturas, basta faça o download da biblioteca Perl. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API da captura de tela para Perl para descobrir todas as maneiras de usar a API do GrabzIt.

#!/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");

Este exemplo de código mostra como é fácil criar uma miniatura de site usando PHP. Para começar a capturar miniaturas, basta baixe a biblioteca PHP. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API da captura de tela para PHP para descobrir todas as maneiras de usar a API do GrabzIt.

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");

Este exemplo de código mostra como é fácil criar uma miniatura de site usando Python. Para começar a capturar miniaturas, basta baixe a biblioteca Python. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API de captura de tela para Python para descobrir todas as maneiras de usar a API do GrabzIt.

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") 

Este exemplo mostra como é fácil criar uma miniatura de site usando a API RESTful do GrabzIt. Confira o API de captura de tela RESTful documentação para descobrir todas as maneiras de usar o GrabzIt.

https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&format=jpg&bwidth=1024&bheight=768&width=195&height=146&url=https%3A%2F%2Fwww.tesla.com%2F

Este exemplo de código mostra como é fácil criar uma miniatura de site usando Ruby. Para começar a capturar miniaturas, basta faça o download da Ruby Gem. Então pegue sua API chave e segredo e depois use a demo contido dentro. Então confira o documentação da API da captura de tela para Ruby para descobrir todas as maneiras de usar a API do GrabzIt.

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")