Herramientas para capturar y convertir la web
miniatura del sitio web

Crea miniaturas de sitios web con GrabzIt

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

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

px
px
19%
195px
146px

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

Integre 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 ocho 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 entonces 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 = 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 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 entonces 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(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 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@3.3.7/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 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 entonces 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":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 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 entonces 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(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 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 entonces 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(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 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 entonces 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 = 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 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 entonces 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 = 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")