웹 캡처 및 변환 도구

웹 사이트 스크린 샷 캡처 또는 HTML을 이미지로 변환

PHP API

다음 기능을 사용하여 웹 사이트의 완벽한 이미지 스크린 샷을 만들거나 HTML을 이미지로 바로 변환하십시오. GrabzIt는 PHP API입니다. 그러나 시작하기 전에 URLToImage, HTMLToImage or FileToImage 방법 Save or SaveTo 이미지를 생성하려면 메소드를 호출해야합니다.

기본 옵션

웹 페이지의 스크린 샷을 만들려면 하나의 매개 변수 만 필요합니다. HTML 변환 intoa 이미지 다음 예제와 같이.

$grabzIt->URLToImage("https://www.tesla.com");
//Then call the Save or SaveTo method

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>");
//Then call the Save or SaveTo method

$grabzIt->FileToImage("example.html");
//Then call the Save or SaveTo method

이미지 형식

GrabzIt의 PHP API는 JPG, PNG, WEBP, BMP (8 비트, 16 비트, 24 비트 또는 32 비트) 및 TIFF를 포함한 다양한 형식의 이미지를 생성 할 수 있습니다. 이미지의 기본 형식은 JPG입니다. 그러나 JPG 이미지의 품질은 이러한 상황에서 일부 응용 프로그램에 충분하지 않을 수 있습니다. PNG 형식은 이미지 스크린 샷에 권장됩니다. 품질과 파일 크기 사이의 균형이 좋기 때문입니다. 아래 예제는 PNG 형식을 사용하여 생성 된 이미지를 보여줍니다.

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setFormat("png");

$grabzIt->URLToImage("https://www.tesla.com", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.png");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setFormat("png");

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.png");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
            
$options = new \GrabzIt\GrabzItImageOptions();
$options->setFormat("png");

$grabzIt->FileToImage("example.html", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.png");

브라우저 크기

브라우저 크기는 대부분의 경우 스크린 샷을 캡처 할 때 사용되는 브라우저 창의 크기를 나타내며 대부분의 모든 작업에 기본 브라우저 크기로 충분하므로 설정할 필요는 없습니다. 브라우저 크기를 설정하려면 값을 setBrowserWidth 및 setBrowserHeight 방법 GrabzItImageOptions 클래스입니다.

이미지 크기 변경

이미지의 크기를 변경하는 것은 쉽습니다. 이미지를 왜곡하지 않고 이미지를 만드는 것은 조금 더 어렵습니다. 전체 프로세스를 단순화하려면 다음을 사용하는 것이 좋습니다. 간단한 이미지 치수 계산기.

이미지 너비와 높이를 브라우저 너비와 높이보다 큰 크기로 늘리려면 (기본적으로 1366 x 728 픽셀) 브라우저 너비와 높이도 일치하도록 늘려야합니다.

맞춤식 식별자

사용자 지정 식별자를 영상 아래 표시된대로 메소드를 사용하면이 값이 GrabzIt PHP 핸들러로 리턴됩니다. 예를 들어이 사용자 지정 식별자는 데이터베이스 식별자 일 수 있으므로 스크린 샷 또는 이미지를 특정 데이터베이스 레코드와 연결할 수 있습니다.

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setCustomId(123456);

$grabzIt->URLToImage("https://www.tesla.com", $options);
//Then call the Save method
$grabzIt->Save("http://www.example.com/handler.php");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setCustomId(123456);

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
//Then call the Save method
$grabzIt->Save("http://www.example.com/handler.php");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setCustomId(123456);

$grabzIt->FileToImage("example.html", $options);
//Then call the Save method
$grabzIt->Save("http://www.example.com/handler.php");

전체 길이 스크린 샷

GrabzIt을 사용하면 전체 웹 페이지의 전체 길이 스크린 샷을 찍어 -1를 setBrowserHeight 방법. 이미지가 브라우저의 크기와 일치하도록하려면 -1를 setHeight 및 setWidth 방법.

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserHeight(-1);
$options->setWidth(-1);
$options->setHeight(-1);

$grabzIt->URLToImage("https://www.tesla.com", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserHeight(-1);
$options->setWidth(-1);
$options->setHeight(-1);

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserHeight(-1);
$options->setWidth(-1);
$options->setHeight(-1);

$grabzIt->FileToImage("example.html", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");

자르지 않은 스크린 샷을 반환 할 수도 있지만이 경우 큰 이미지가 생성 될 수 있습니다. 이렇게하려면 -1를 setHeight 및 / 또는 setWidth 행동 양식. -1에 전달 된 치수는 잘리지 않습니다.

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);

$grabzIt->URLToImage("https://www.tesla.com", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);

$grabzIt->FileToImage("example.html", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
전체 길이 브라우저 너비는 없습니다!

이러한 특수 값을 사용하면 원하는 경우 전체 웹 페이지의 전체 버전 인 스크린 샷을 만들 수 있습니다.

페이지 요소의 스크린 샷 찍기

GrabzIt과 같은 HTML 요소의 스크린 샷을 만들 수 있습니다 div or span 태그를 지정하고 모든 콘텐츠를 캡처합니다. 이렇게하려면 스크린 샷을 찍으려는 HTML 요소를 CSS 선택기.

...
<div id="features">
	<img src="http://www.example.com/peace.jpg"/><h3>World Peace Announced</h3>
</div>
...

아래 예에서는 id가 "features"인 div를 선택하고 250 x 250px JPEG 이미지로 출력합니다.

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

// The 250 parameters indicates that image should be sized to 250 x 250 px
$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(250);
$options->setHeight(250);
$options->setFormat("jpg");
$options->setTargetElement("#features");

$grabzIt->URLToImage("http://www.bbc.co.uk/news", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");

다음 예는 "기능"div의 다른 스크린 샷을 찍지 만 이번에는 div의 정확한 크기 인 JPEG 이미지를 출력합니다.

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

// The -1 indicates that image should not be cropped
$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);
$options->setBrowserHeight(-1);
$options->setFormat("jpg");
$options->setTargetElement("#features");

$grabzIt->URLToImage("http://www.bbc.co.uk/news", $options);
//Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
이용약관
개인정보 보호정책
서비스 수준 계약
© 그랩즈잇® 2023
영어중국어 (간체)프랑스어German힌디 어Russian스페인어