mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
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.
4.2 KiB
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" |
出力形式: 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 を返します。