CustomJS PDF 툴킷을 사용하여 HTML 및 PDF 파일을 PNG 이미지로 변환
중급
이것은Design, AI분야의자동화 워크플로우로, 9개의 노드를 포함합니다.주로 Code, ManualTrigger, PdfToPng, Html2Pdf 등의 노드를 사용하며인공지능 기술을 결합하여 스마트 자동화를 구현합니다. CustomJS PDF Toolkit을 사용하여 HTML 및 PDF 파일을 PNG 이미지로 변환
사전 요구사항
- •AI 서비스 API Key(예: 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)는 사용자 직접 비용을 지불해야 할 수 있습니다.
관련 워크플로우 추천
CustomJS API를 사용하여 HTML을 PDF로 변환하고 파일을 압축
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
CustomJS API를 사용하여 PDF에서 특정 페이지를 추출
Http Request
Manual Trigger
Extract Pages
Http Request
Manual Trigger
Extract Pages
3 노드CustomJS
디자인
자동화 블로그 작성 및 소셜 미디어 프로모션 에이전트
GPT-4, Perplexity 및 WordPress를 사용한 SEO 블로그 생성 + 소셜 미디어 자동화
Set
Code
Gmail
+
Set
Code
Gmail
79 노드LukaszB
디자인
WooCommerce 제품 이미지에서 배경 제거
API 및 Google Sheet을 사용한 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
디자인
