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

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

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

기본적으로 GrabzIt의 API온라인 스크린 샷 도구 웹 사이트 스크린 샷을 축소하여 웹 사이트 미리보기 이미지를 만듭니다. 사용자 패키지에 허용 된 최대 크기 내에 맞을 때까지.

그러나 특정 크기로 축소판 이미지를 만들려는 경우. 그런 다음 축소판 그림이 browserWidth 및 browserHeight 매개 변수의 크기보다 작은 것이 좋습니다. 기본적으로 각각 1024px 및 768px입니다.

또한 축소판 너비와 높이의 비율을 브라우저 너비와 높이에 유지하는 것이 중요합니다. 이렇게하면 웹 페이지 스크린 샷의 썸네일 이미지가 왜곡되지 않습니다.

썸네일 계산기

px
px
19%
195px
146px

이 계산기는 미리보기 이미지에 가장 적합한 너비와 높이를 자동으로 계산합니다. 섬네일이 브라우저 너비와 높이의 몇 퍼센트인지를 기준으로합니다. 또한 이미지가 늘어나지 않도록 이미지를 브라우저 크기에 비례하게 유지하십시오.

편의상이 계산기로 변경 한 내용은 아래 코드 예에 반영되어 있습니다.

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

웹 페이지 축소판 그림을 만드는 기능 통합 intGrabzIt의 스크린 샷 API를 사용하는 응용 프로그램. 시작하려면 아래에서 지원되는 XNUMX 가지 프로그래밍 언어 중 하나를 선택하여 코드 예제와 추가 지침을 확인하십시오.

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

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

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

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

이 코드 예제는 JavaScript를 사용하여 웹 사이트 축소판을 만드는 것이 얼마나 쉬운지를 보여줍니다. 섬네일 다운로드를 시작하려면 GrabzIt의 JavaScript 라이브러리. 그런 다음 API를 얻으십시오 열쇠와 비밀, 도메인을 추가 자바 스크립트를 사용하고 JavaScript 용 스크린 샷 API 문서 GrabzIt의 API를 사용할 수있는 모든 방법을 알아보십시오.

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

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

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

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

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

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

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

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

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

이 예제는 GrabzIt의 RESTful API를 사용하여 웹 사이트 썸네일을 만드는 것이 얼마나 쉬운지를 보여줍니다. 확인 RESTful 스크린 샷 API 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

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

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