Инструменты для захвата и конвертирования Интернета
миниатюра сайта

Создавайте эскизы сайтов с помощью GrabzIt

Часто веб-разработчикам необходимо создавать превью веб-страниц. Улучшить рейтинг кликов и поделиться ими в Facebook и других социальных сетях.

По умолчанию API GrabzIt и Интернет Скриншот Инструмент создаст миниатюры веб-сайтов, уменьшив скриншот веб-сайта. Пока он не укладывается в максимально допустимый размер пакета пользователя.

Однако, если вы хотите создать миниатюру изображения с вашими конкретными размерами. Тогда рекомендуется, чтобы миниатюра была меньше, чем размер параметров browserWidth и browserHeight. Это 1366px и 768px соответственно по умолчанию.

Также важно, чтобы соотношение ширины и высоты миниатюры сохранялось к ширине и высоте браузера. Это останавливает искажение миниатюры скриншота веб-страницы.

Миниатюрный калькулятор

px
px
19%
195px
146px

Этот калькулятор автоматически рассчитывает лучшую ширину и высоту для ваших миниатюр. В зависимости от того, какой процент миниатюр должен быть от ширины и высоты браузера. Также сохраняя изображение, пропорциональное размеру браузера, чтобы остановить любое растяжение изображения.

Для удобства любые изменения, сделанные с помощью этого калькулятора, отражены в примерах кода ниже.

Как использовать API миниатюр нашего веб-сайта

Intдобавить возможность делать эскизы веб-страниц into ваше приложение с GrabzIt Screenshot API. Для начала просто выберите один из девяти поддерживаемых языков программирования ниже, чтобы увидеть пример кода и дальнейшие инструкции.

В этом примере кода показано, как легко создать эскиз веб-сайта с помощью ASP.NET. Чтобы начать захват миниатюр просто скачать библиотеку ASP.NET, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для ASP.NET чтобы узнать все способы, которыми вы можете использовать API 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");

Этот пример кода показывает, как легко создать эскиз веб-сайта с помощью Java. Чтобы начать захват миниатюр просто скачать библиотеку Java, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для Java чтобы узнать все способы, которыми вы можете использовать API 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");

В этом примере кода показано, как легко создать эскиз веб-сайта с помощью JavaScript. Чтобы начать захват миниатюр, скачайте Библиотека JavaScript GrabzIt, Тогда получите свой API ключ и секрет, добавить домен Вы хотите использовать JavaScript, а затем проверить Скриншот API документации для JavaScript чтобы узнать все способы, которыми вы можете использовать API 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>

В этом примере кода показано, как легко создать эскиз веб-сайта с помощью Node.js. Чтобы начать захват миниатюр просто скачать пакет Node.js, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для Node.js чтобы узнать все способы, которыми вы можете использовать API 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;
    }
});

Этот пример кода показывает, как легко создать эскиз веб-сайта с помощью Perl. Чтобы начать захват миниатюр просто скачать библиотеку Perl, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для Perl чтобы узнать все способы, которыми вы можете использовать API 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");

Этот пример кода показывает, как легко создать эскиз веб-сайта с помощью PHP. Чтобы начать захват миниатюр просто скачать библиотеку PHP, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для PHP чтобы узнать все способы, которыми вы можете использовать API 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");

Этот пример кода показывает, как легко создать эскиз веб-сайта с помощью Python. Чтобы начать захват миниатюр просто скачать библиотеку Python, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для Python чтобы узнать все способы, которыми вы можете использовать API 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") 

В этом примере показано, как легко создать эскиз веб-сайта с помощью RESTful API GrabzIt. Проверьте RESTful скриншот API Документация, чтобы узнать все способы, которыми вы можете использовать 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

Этот пример кода показывает, как легко создать эскиз веб-сайта с помощью Ruby. Чтобы начать захват миниатюр просто скачать Ruby Gem, Тогда получите свой API ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Скриншот API документации для Ruby чтобы узнать все способы, которыми вы можете использовать API 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")