Files
SnapOtter/apps/docs/ja/tools/image/html-to-image.md
T
SnapOtterandGitHub 4963ab3bbd feat(docs-i18n): translate all documentation into 20 languages
All 181 docs markdown files translated into 20 languages (apps/docs/<locale>/**). Companion to the i18n code PR; admin-merged because the file count exceeds GitHub's per-PR CI trigger limit. Validated by pnpm i18n:check (all surfaces, 0 stale/missing) and a clean all-locale docs build.
2026-07-11 13:52:47 +08:00

4.2 KiB

description, i18n_source_hash, i18n_provenance, i18n_output_hash
description i18n_source_hash i18n_provenance i18n_output_hash
Web ページや HTML スニペットを、デバイスエミュレーションを使用して高品質の画像としてキャプチャします。 1e49d070ea2e human df5d130bb1ff

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" 出力形式: jpgpngwebp
quality number いいえ 90 非可逆形式の出力品質(1 から 100)
fullPage boolean いいえ false ビューポートだけでなく、スクロール可能なページ全体をキャプチャ
devicePreset string いいえ "desktop" デバイスエミュレーション: desktoptabletmobilecustom
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 を返します。