웹 캡처 및 변환 도구
웹 사이트 썸네일

GrabzIt으로 웹 사이트 썸네일 만들기

종종 웹 개발자는 웹 페이지의 미리보기를 작성해야합니다. 클릭률을 높이고 Facebook 및 기타 소셜 미디어에서 공유합니다.

기본적으로 GrabzIt의 API온라인 스크린 샷 도구 will get website thumbnails by shrinking the website screenshot. Until it fits within the maximum size allowed on the user's package.

To create a thumbnail image to your own specific dimensions. You should ensure that the thumbnail is smaller than the browserWidth and browserHeight parameters. This is 1366px and 1170px respectively by default.

Also important is to keep the ratio of the thumbnail width and height to the browser width and height. This prevents the thumbnail image of the web page screenshot from becoming distorted.

Of course you can take bigger screenshots with GrabzIt, for instance you can capture full page screenshots.

썸네일 계산기

px
px
19%
195px
146px

This calculator automatically calculates the best width and height for your thumbnails. Based on what percentage the thumbnail should be of the browser width and height. While also keeping the image proportional to the browser size to stop any stretching of the image.

The calculator above puts any changes made into the code examples below.

웹 사이트 Thumbnail API를 사용하는 방법

Int예 : 웹 페이지 축소판을 가져 오는 기능 into your application with GrabzIt's Screenshot API. To begin, select one of the nine programming languages below. To view a code example and instructions on how to proceed.

이 코드 예제는 ASP.NET을 사용하여 웹 사이트 축소판을 만드는 것이 얼마나 쉬운지를 보여줍니다. 축소판 캡처를 시작하려면 ASP.NET 라이브러리 다운로드. 그런 다음 API를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 ASP.NET 용 API 설명서 스크린 샷 GrabzIt의 API를 사용할 수 있는 모든 방법을 알아보세요.

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를 사용하여 웹 사이트 축소판을 만드는 것이 얼마나 쉬운지를 보여줍니다. 미리보기 이미지 캡처를 시작하려면 자바 라이브러리 다운로드. 그런 다음 API를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 Java 용 스크린 샷 API 문서 to discover all the ways you can use GrabzIt's API.

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를 사용하여 웹 사이트 축소판을 만드는 것이 얼마나 쉬운지를 보여줍니다. 섬네일 다운로드를 시작하려면 GrabzIt의 JavaScript 라이브러리. 그런 다음 API를 얻으십시오 열쇠와 비밀, 도메인을 추가 자바 스크립트를 사용하고 JavaScript 용 스크린 샷 API 문서 to discover all the ways you can use GrabzIt's API.

<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를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 Node.js에 대한 API 문서 스크린 샷 to discover all the ways you can use GrabzIt's API.

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를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 Perl 스크린 샷 API 문서 to discover all the ways you can use GrabzIt's API.

#!/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를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 PHP 용 스크린 샷 API 문서 to discover all the ways you can use GrabzIt's API.

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을 사용하여 웹 사이트 축소판을 만드는 것이 얼마나 쉬운지를 보여줍니다. 미리보기 이미지 캡처를 시작하려면 파이썬 라이브러리 다운로드. 그런 다음 API를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 Python 용 스크린 샷 API 문서 to discover all the ways you can use GrabzIt's API.

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

These API calls shows how easy it is to create a website thumbnail using GrabzIt's RESTful API. Check out the RESTful 스크린 샷 API documentation to discover all the ways you can use 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를 사용하여 웹 사이트 축소판을 만드는 것이 얼마나 쉬운지를 보여줍니다. 미리보기 이미지 캡처를 시작하려면 루비 젬 다운로드. 그런 다음 API를 얻으십시오 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 Ruby 용 스크린 샷 API 문서 to discover all the ways you can use GrabzIt's API.

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