Crea miniaturas de sitios web con GrabzIt
A menudo, los desarrolladores web necesitan crear vistas previas de páginas web. Para mejorar las tasas de clics y para compartir en Facebook y otras redes sociales.
Por defecto API de GrabzIt y Herramienta de captura de pantalla en línea creará miniaturas del sitio web al reducir la captura de pantalla del sitio web. Hasta que encaje dentro del tamaño máximo permitido en el paquete del usuario.
Sin embargo, si desea crear una imagen en miniatura a sus propias dimensiones específicas. Luego, se recomienda que la miniatura sea menor que el tamaño de los parámetros browserWidth y browserHeight. Esto es 1366px y 768px respectivamente por defecto.
También es importante que la relación del ancho y alto de la miniatura se mantenga con el ancho y alto del navegador. Como esto impide que la imagen en miniatura de la captura de pantalla de la página web se distorsione.
Calculadora de miniaturas
Esta calculadora calcula automáticamente el mejor ancho y alto para sus miniaturas. Según el porcentaje, la miniatura debe ser del ancho y alto del navegador. Al tiempo que mantiene la imagen proporcional al tamaño del navegador para detener cualquier estiramiento de la imagen.
Por conveniencia, cualquier cambio realizado con esta calculadora se refleja en los ejemplos de código a continuación.
Cómo usar nuestra API de miniaturas del sitio web
Integrate la capacidad de tomar miniaturas de páginas web into su aplicación con GrabzIt's Screenshot API. Para comenzar, simplemente elija uno de los nueve lenguajes de programación compatibles a continuación para ver un ejemplo de código y más instrucciones.
Este ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando ASP.NET. Para comenzar a capturar miniaturas solo descargue la biblioteca ASP.NET. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación API para ASP.NET para descubrir todas las formas en que puede usar la API de GrabzIt.
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,
BrowserType.StandardBrowser, string.Empty);
grabzIt.SaveTo("images/result.jpg");
Este ejemplo de código muestra lo fácil que es crear una miniatura de sitio web utilizando Java. Para comenzar a capturar miniaturas solo descargar la biblioteca de Java. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación de API para Java para descubrir todas las formas en que puede usar la API de GrabzIt.
ImageOptions options = new ImageOptions();
options.setBrowserWidth();
options.setBrowserHeight();
options.setWidth();
options.setHeight();
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 ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando JavaScript. Para comenzar a capturar miniaturas, descargue GrabzIt's JavaScript Library. Entonces obtén tu API clave y secreto, agregar el dominio desea usar JavaScript y luego verifique captura de pantalla de la documentación de API para JavaScript para descubrir todas las formas en que puede usar la API de GrabzIt.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@<%= APIVersion.JavaScript %>/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com",
{"bwidth":,"bheight":,"width":,"height":}).Create();
</script>
Este ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando Node.js. Para comenzar a capturar miniaturas solo descargue el paquete Node.js. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación API para Node.js para descubrir todas las formas en que puede usar la API de GrabzIt.
var grabzit = require('grabzit');
var options = {"width":, "height":,
"browserHeight":, "browserWidth":};
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 ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando Perl. Para comenzar a capturar miniaturas solo descargar la Biblioteca Perl. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación API para Perl para descubrir todas las formas en que puede usar la API de GrabzIt.
#!/usr/bin/perl
use GrabzItClient;
$options = GrabzItImageOptions->new();
$options->browserWidth();
$options->browserHeight();
$options->width();
$options->height();
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", '', , , , );
$grabzIt->SaveTo("images/result.jpg");
Este ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando PHP. Para comenzar a capturar miniaturas solo descargar la biblioteca PHP. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación de API para PHP para descubrir todas las formas en que puede usar la API de GrabzIt.
include("GrabzItClient.php");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserWidth();
$options->setBrowserHeight();
$options->setWidth();
$options->setHeight();
$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 ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando Python. Para comenzar a capturar miniaturas solo descargar la biblioteca de Python. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación de API para Python para descubrir todas las formas en que puede usar la API de GrabzIt.
from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions
options = GrabzItImageOptions.GrabzItImageOptions()
options.browserWidth =
options.browserHeight =
options.width =
options.height =
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 ejemplo muestra lo fácil que es crear una miniatura de sitio web utilizando la API RESTful de GrabzIt. Revisar la API de captura de pantalla RESTful documentación para descubrir todas las formas en que puede usar GrabzIt.
https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&bwidth=&bheight=&width=&height=&url=https%3A%2F%2Fwww.tesla.com%2F
Este ejemplo de código muestra lo fácil que es crear una miniatura de sitio web usando Ruby. Para comenzar a capturar miniaturas solo descargar la gema de rubí. Entonces obtén tu API clave y secreto y luego usa la demo contenida dentro de. Entonces mira el captura de pantalla de la documentación API para Ruby para descubrir todas las formas en que puede usar la API de GrabzIt.
require 'grabzit'
options = GrabzIt::ImageOptions.new()
options.browserWidth =
options.browserHeight =
options.width =
options.height =
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")