CustomJS PDF Toolkit を使用して HTML および PDF ファイルを PNG 画像に変換する
中級
これはDesign, AI分野の自動化ワークフローで、9個のノードを含みます。主にCode, ManualTrigger, PdfToPng, Html2Pdfなどのノードを使用、AI技術を活用したスマート自動化を実現。 CustomJS PDF Toolkit を使用して HTML および PDF ファイルを PNG 画像に変換する
前提条件
- •AIサービスAPIキー（OpenAI、Anthropicなど）
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"meta": {
"instanceId": "7599ed929ea25767a019b87ecbc83b90e16a268cb51892887b450656ac4518a2"
},
"nodes": [
{
"id": "f3001828-f10b-41d5-a056-5327e1f694f3",
"name": "HTML to PDF",
"type": "@custom-js/n8n-nodes-pdf-toolkit.html2Pdf",
"position": [
-500,
380
],
"parameters": {
"htmlInput": "<h1>Hello World</h1>"
},
"credentials": {
"customJsApi": {
"id": "h29wo2anYKdANAzm",
"name": "CustomJS account"
}
},
"typeVersion": 1
},
{
"id": "f3141220-b384-4efe-84f5-0a896b09a887",
"name": "ワークフローをテストする際",
"type": "n8n-nodes-base.manualTrigger",
"position": [
-720,
460
],
"parameters": {},
"typeVersion": 1
},
{
"id": "cee26b9b-7109-4336-8d7e-762cf40b4d8b",
"name": "Convert PDF into PNG1",
"type": "@custom-js/n8n-nodes-pdf-toolkit.PdfToPng",
"position": [
-280,
540
],
"parameters": {
"resource": "url",
"field_name": "={{ $json.path }}"
},
"credentials": {
"customJsApi": {
"id": "h29wo2anYKdANAzm",
"name": "CustomJS account"
}
},
"typeVersion": 1
},
{
"id": "46f47df0-a301-41a9-8d3a-f98977b56eda",
"name": "Convert PDF into PNG",
"type": "@custom-js/n8n-nodes-pdf-toolkit.PdfToPng",
"position": [
-280,
380
],
"parameters": {},
"credentials": {
"customJsApi": {
"id": "h29wo2anYKdANAzm",
"name": "CustomJS account"
}
},
"typeVersion": 1
},
{
"id": "e9932fd1-6325-4670-93ea-b31fcfacdaf7",
"name": "付箋",
"type": "n8n-nodes-base.stickyNote",
"position": [
-560,
280
],
"parameters": {
"color": 4,
"width": 220,
"height": 240,
"content": "### HTML to PDF\n- Request HTML Data.\n- Convert HTML to PDF."
},
"typeVersion": 1
},
{
"id": "f9c860c6-a648-4929-b15f-b9131aa987fe",
"name": "付箋1",
"type": "n8n-nodes-base.stickyNote",
"position": [
-340,
280
],
"parameters": {
"color": 6,
"height": 240,
"content": "### Convert PDF into PNG \n- Convert the generated PNG from PDF"
},
"typeVersion": 1
},
{
"id": "54c4cf3d-4a8a-405e-b32e-8b7a2d86b577",
"name": "付箋2",
"type": "n8n-nodes-base.stickyNote",
"position": [
-560,
520
],
"parameters": {
"color": 3,
"width": 220,
"height": 240,
"content": "\n\n\n\n\n\n\n\n\n\n\n\n### Set PDF URL\n- Request PDF from URL"
},
"typeVersion": 1
},
{
"id": "ac8e1497-233c-4e42-8739-f161e4014a7f",
"name": "付箋3",
"type": "n8n-nodes-base.stickyNote",
"position": [
-340,
520
],
"parameters": {
"color": 2,
"height": 240,
"content": "\n\n\n\n\n\n\n\n\n\n\n\n### Convert PDF into PNG\n- Convert the generated PNG from PDF"
},
"typeVersion": 1
},
{
"id": "98dfdf38-6b1c-4fd3-b956-8d59f62b280d",
"name": "Set PDF URL",
"type": "n8n-nodes-base.code",
"position": [
-500,
540
],
"parameters": {
"jsCode": "return {\"json\": {\"path\": \"https://www.nlbk.niedersachsen.de/download/164891/Test-pdf_3.pdf.pdf\"}};"
},
"typeVersion": 2
}
],
"pinData": {},
"connections": {
"f3001828-f10b-41d5-a056-5327e1f694f3": {
"main": [
[
{
"node": "46f47df0-a301-41a9-8d3a-f98977b56eda",
"type": "main",
"index": 0
}
]
]
},
"98dfdf38-6b1c-4fd3-b956-8d59f62b280d": {
"main": [
[
{
"node": "cee26b9b-7109-4336-8d7e-762cf40b4d8b",
"type": "main",
"index": 0
}
]
]
},
"f3141220-b384-4efe-84f5-0a896b09a887": {
"main": [
[
{
"node": "f3001828-f10b-41d5-a056-5327e1f694f3",
"type": "main",
"index": 0
},
{
"node": "98dfdf38-6b1c-4fd3-b956-8d59f62b280d",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は？
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか？
中級 - デザイン, 人工知能
有料ですか？
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス（OpenAI APIなど）は別途料金が発生する場合があります。
関連ワークフロー
HTML を PDF に変換し、ファイルを圧縮する（CustomJS API を使用）
CustomJS API を使って HTML を PDF に変換し、ファイルを圧縮
Code
Manual Trigger
Html2 Pdf
+
Code
Manual Trigger
Html2 Pdf
9 ノードCustomJS
デザイン
PDF からテキストに変換
CustomJS API を使って HTML を PDF に変換し、PDF からテキストを抽出
Code
Manual Trigger
Html2 Pdf
+
Code
Manual Trigger
Html2 Pdf
5 ノードCustomJS
デザイン
ワークフロー6
PDFから特定のページをCustomJS APIで抽出
Http Request
Manual Trigger
Extract Pages
Http Request
Manual Trigger
Extract Pages
3 ノードCustomJS
デザイン
ブログ投稿自動化とSNSプロモーションエージェント
GPT-4、Perplexity、WordPressを使用したSEOブログ作成の自動化＋ソーシャルメディア
Set
Code
Gmail
+
Set
Code
Gmail
79 ノードLukaszB
デザイン
WooCommerce製品画像から背景を除去
API と Googleシートを使用した WooCommerce 製品画像の背景削除の自動化
Ftp
Set
Code
+
Ftp
Set
Code
12 ノードDavide
デザイン
AIベースのニュース動画生成ツール（HeygenとGPT4oを使用）
HeygenとGPT-4oを使用してRSSニュースをAIバーチャルキャラクター動画に変換
Set
Code
Wait
+
Set
Code
Wait
18 ノードDavid Olusola
デザイン
