HTML から画像

Web ページの URL または生の HTML コンテンツをスクリーンショット画像としてキャプチャします。デバイスエミュレーション（デスクトップ、タブレット、モバイル）、ページ全体のキャプチャ、複数の出力形式に対応しています。

API エンドポイント

POST /api/v1/tools/image/html-to-image

JSON ボディ（multipart ではない）を受け付けます。ファイルのアップロードは不要です。

パラメーター

パラメーター	型	必須	デフォルト	説明
url	string	条件付き	-	キャプチャする URL（有効な URL である必要があります）
html	string	条件付き	-	レンダリングする生の HTML コンテンツ（1 から 5,000,000 文字）
format	string	いいえ	"png"	出力形式: jpg、png、webp
quality	number	いいえ	90	非可逆形式の出力品質（1 から 100）
fullPage	boolean	いいえ	false	ビューポートだけでなく、スクロール可能なページ全体をキャプチャ
devicePreset	string	いいえ	"desktop"	デバイスエミュレーション: desktop、tablet、mobile、custom
viewportWidth	number	いいえ	1280	カスタムビューポートの幅（ピクセル、320 から 3840、devicePreset が custom の場合に使用）
viewportHeight	number	いいえ	720	カスタムビューポートの高さ（ピクセル、320 から 2160、devicePreset が custom の場合に使用）

url または html のいずれかを指定する必要がありますが、両方を指定することはできません。

デバイスプリセット

プリセット	幅	高さ	モバイル UA
desktop	1280	720	いいえ
tablet	768	1024	いいえ
mobile	375	812	はい
custom	（ユーザー指定）	（ユーザー指定）	いいえ

リクエスト例

Web ページをキャプチャ:

curl -X POST http://localhost:1349/api/v1/tools/image/html-to-image \
  -H "Authorization: Bearer si_your-api-key" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "format": "png", "fullPage": true, "devicePreset": "desktop"}'

HTML コンテンツをレンダリング:

curl -X POST http://localhost:1349/api/v1/tools/image/html-to-image \
  -H "Authorization: Bearer si_your-api-key" \
  -H "Content-Type: application/json" \
  -d '{"html": "<div style=\"padding: 20px; background: #f0f0f0;\"><h1>Hello</h1></div>", "format": "png"}'

レスポンス例

{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/screenshot.png",
  "originalSize": 0,
  "processedSize": 145000
}

注記

• サーバーに Chromium がインストールされている必要があります。ブラウザサービスが利用できない場合は HTTP 503 を返します。
• URL は SSRF 攻撃に対して検証されます（プライベート/内部ネットワークアドレスはブロックされます）。
• このエンドポイントは 1 時間あたり 120 リクエストにレート制限されています。
• このツールは URL/HTML から画像を生成するため、originalSize は常に 0 です。
• 出力ファイル名は screenshot.<format> です。
• ページの読み込みに時間がかかりすぎる場合、リクエストは HTTP 504（ゲートウェイタイムアウト）を返します。
• ブラウザサービスが繰り返しクラッシュする場合、一時的に無効化され、コード BROWSER_CRASHED とともに HTTP 503 を返します。