InfoGrab DocsInfoGrab Docs

Edit Image

요약

Edit Image 노드를 사용하여 이미지를 조작하고 편집합니다. 이 노드의 매개변수는 선택한 작업에 따라 달라집니다. 선택적 구성 옵션은 노드 옵션을 참조하세요. 이 작업의 경우, 이미지 데이터를 저장하는 바이너리 속성의 Property Name만 추가하면 됩니다.

Edit Image 노드를 사용하여 이미지를 조작하고 편집합니다.

Note

의존성

  1. Docker에서 n8n을 실행하지 않는 경우, GraphicsMagick을 설치해야 합니다.
  2. 이미지 파일을 데이터 속성으로 Edit Image 노드에 전달하려면 디스크에서 파일 읽기/쓰기 노드나 HTTP Request 노드와 같은 노드를 사용해야 합니다.

작업#

  • 이미지의 선명도를 낮추기 위해 Blur를 추가합니다
  • 이미지에 Border를 추가합니다
  • 다른 이미지 위에 이미지를 Composite합니다
  • 새 이미지를 Create합니다
  • 이미지를 Crop합니다
  • 이미지에 Draw합니다
  • 이미지에 대한 정보를 Get Information으로 가져옵니다
  • 이미지에 대해 여러 작업을 수행하는 Multi Step입니다
  • Resize: 이미지 크기를 변경합니다
  • 이미지를 Rotate합니다
  • 이미지를 X축 또는 Y축으로 Shear합니다
  • 이미지에 Text를 추가합니다
  • 이미지의 특정 색상을 Transparent로 만듭니다

노드 매개변수#

이 노드의 매개변수는 선택한 작업에 따라 달라집니다.

Blur 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Blur: 0에서 1000 사이의 숫자를 입력하여 블러의 강도를 설정합니다. 숫자가 클수록 이미지가 더 흐려집니다.
  • Sigma: 0에서 1000 사이의 숫자를 입력하여 블러의 시그마를 설정합니다. 숫자가 클수록 이미지가 더 흐려집니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Border 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Border Width: 테두리의 너비를 입력합니다.
  • Border Height: 테두리의 높이를 입력합니다.
  • Border Color: 테두리의 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Composite 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다. 이 이미지가 기본 이미지가 됩니다.
  • Composite Image Property: Property Name 이미지 위에 합성할 이미지를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Operator: 합성이 어떻게 작동하는지를 결정하는 합성 연산자를 선택합니다. 옵션은 다음과 같습니다.
    • Add
    • Atop
    • Bumpmap
    • Copy
    • Copy Black
    • Copy Blue
    • Copy Cyan
    • Copy Green
    • Copy Magenta
    • Copy Opacity
    • Copy Red
    • Copy Yellow
    • Difference
    • Divide
    • In
    • Minus
    • Multiply
    • Out
    • Over
    • Plus
    • Subtract
    • Xor
  • Position X: 합성 이미지의 x축 위치(수평)를 입력합니다.
  • Position Y: 합성 이미지의 y축 위치(수직)를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Create 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Background Color: 이미지의 배경 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.
  • Image Width: 이미지의 너비를 입력합니다.
  • Image Height: 이미지의 높이를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Crop 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Width: 크롭할 너비를 입력합니다.
  • Height: 크롭할 높이를 입력합니다.
  • Position X: 크롭을 시작할 x축 위치(수평)를 입력합니다.
  • Position Y: 크롭을 시작할 y축 위치(수직)를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Draw 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Primitive: 그릴 기본 도형을 선택합니다. 다음 중에서 선택합니다.
    • Circle
    • Line
    • Rectangle
  • Color: 기본 도형의 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.
  • Start Position X: 그리기를 시작할 x축 위치(수평)를 입력합니다.
  • Start Position Y: 그리기를 시작할 y축 위치(수직)를 입력합니다.
  • End Position X: 그리기를 멈출 x축 위치(수평)를 입력합니다.
  • End Position Y: 그리기를 시작할 y축 위치(수직)를 입력합니다.
  • Corner Radius: 모서리 반경을 설정할 숫자를 입력합니다. 모서리 반경을 추가하면 그려진 도형의 모서리가 둥글게 됩니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Get Information 매개변수#

이 작업의 경우, 이미지 데이터를 저장하는 바이너리 속성의 Property Name만 추가하면 됩니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Multi Step 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Operations: 멀티 스텝 작업이 수행할 작업을 추가합니다. 다른 작업을 원하는 만큼 사용할 수 있습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Resize 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Width: 이미지에 적용할 새 너비를 입력합니다.
  • Height: 이미지에 적용할 새 높이를 입력합니다.
  • Option: 이미지 크기를 조정할 방법을 선택합니다. 다음 중에서 선택합니다.
    • Ignore Aspect Ratio: 종횡비를 무시하고 입력한 정확한 높이와 너비로 크기를 조정합니다.
    • Maximum Area: 입력한 높이와 너비가 이미지의 최대 영역/크기가 됩니다. 이미지는 종횡비를 유지하며 입력한 높이 및/또는 너비보다 커지지 않습니다.
    • Minimum Area: 입력한 높이와 너비가 이미지의 최소 영역/크기가 됩니다. 이미지는 종횡비를 유지하며 입력한 높이 및/또는 너비보다 작아지지 않습니다.
    • Only if Larger: 입력한 너비와 높이보다 이미지가 큰 경우에만 크기를 조정합니다. 이미지는 종횡비를 유지합니다.
    • Only if Smaller: 입력한 너비와 높이보다 이미지가 작은 경우에만 크기를 조정합니다. 이미지는 종횡비를 유지합니다.
    • Percent: 원본 이미지의 백분율로 너비와 높이를 사용하여 이미지 크기를 조정합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Rotate 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Rotate: -360에서 360 사이로 이미지를 회전할 각도를 입력합니다.
  • Background Color: 이미지의 배경 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다. 이 색상은 이미지가 90도의 배수로 회전할 때 비어 있는 배경을 채우는 데 사용됩니다. Rotate 필드에 90도의 배수를 사용하지 않으면 배경 색상이 사용되지 않습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Shear 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Degrees X: x축을 기준으로 기울일 각도를 입력합니다.
  • Degrees Y: y축을 기준으로 기울일 각도를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Text 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Text: 이미지에 작성할 텍스트를 입력합니다.
  • Font Size: 텍스트의 글꼴 크기를 선택합니다.
  • Font Color: 글꼴 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.
  • Position X: 텍스트를 시작할 x축 위치(수평)를 입력합니다.
  • Position Y: 텍스트를 시작할 y축 위치(수직)를 입력합니다.
  • Max Line Length: 줄 바꿈을 추가하기 전 한 줄에 들어갈 최대 문자 수를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Transparent 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Color: 투명하게 만들 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

노드 옵션#

  • File Name: 출력 파일의 파일명을 입력합니다.
  • Format: 출력 파일의 이미지 형식을 입력합니다. 다음 중에서 선택합니다.
    • bmp
    • gif
    • jpeg
    • png
    • tiff
    • WebP

Text 작업에는 Font Name or ID 옵션도 포함됩니다. 드롭다운에서 텍스트 글꼴을 선택하거나 표현식을 사용하여 ID를 지정합니다.

템플릿 및 예시#

Edit Image 통합 템플릿 찾아보기 또는 모든 템플릿 검색하기

Edit Image

n8n v2.29
원문 보기
요약

Edit Image 노드를 사용하여 이미지를 조작하고 편집합니다. 이 노드의 매개변수는 선택한 작업에 따라 달라집니다. 선택적 구성 옵션은 노드 옵션을 참조하세요. 이 작업의 경우, 이미지 데이터를 저장하는 바이너리 속성의 Property Name만 추가하면 됩니다.

Edit Image 노드를 사용하여 이미지를 조작하고 편집합니다.

Note

의존성

  1. Docker에서 n8n을 실행하지 않는 경우, GraphicsMagick을 설치해야 합니다.
  2. 이미지 파일을 데이터 속성으로 Edit Image 노드에 전달하려면 디스크에서 파일 읽기/쓰기 노드나 HTTP Request 노드와 같은 노드를 사용해야 합니다.

작업#

  • 이미지의 선명도를 낮추기 위해 Blur를 추가합니다
  • 이미지에 Border를 추가합니다
  • 다른 이미지 위에 이미지를 Composite합니다
  • 새 이미지를 Create합니다
  • 이미지를 Crop합니다
  • 이미지에 Draw합니다
  • 이미지에 대한 정보를 Get Information으로 가져옵니다
  • 이미지에 대해 여러 작업을 수행하는 Multi Step입니다
  • Resize: 이미지 크기를 변경합니다
  • 이미지를 Rotate합니다
  • 이미지를 X축 또는 Y축으로 Shear합니다
  • 이미지에 Text를 추가합니다
  • 이미지의 특정 색상을 Transparent로 만듭니다

노드 매개변수#

이 노드의 매개변수는 선택한 작업에 따라 달라집니다.

Blur 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Blur: 0에서 1000 사이의 숫자를 입력하여 블러의 강도를 설정합니다. 숫자가 클수록 이미지가 더 흐려집니다.
  • Sigma: 0에서 1000 사이의 숫자를 입력하여 블러의 시그마를 설정합니다. 숫자가 클수록 이미지가 더 흐려집니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Border 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Border Width: 테두리의 너비를 입력합니다.
  • Border Height: 테두리의 높이를 입력합니다.
  • Border Color: 테두리의 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Composite 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다. 이 이미지가 기본 이미지가 됩니다.
  • Composite Image Property: Property Name 이미지 위에 합성할 이미지를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Operator: 합성이 어떻게 작동하는지를 결정하는 합성 연산자를 선택합니다. 옵션은 다음과 같습니다.
    • Add
    • Atop
    • Bumpmap
    • Copy
    • Copy Black
    • Copy Blue
    • Copy Cyan
    • Copy Green
    • Copy Magenta
    • Copy Opacity
    • Copy Red
    • Copy Yellow
    • Difference
    • Divide
    • In
    • Minus
    • Multiply
    • Out
    • Over
    • Plus
    • Subtract
    • Xor
  • Position X: 합성 이미지의 x축 위치(수평)를 입력합니다.
  • Position Y: 합성 이미지의 y축 위치(수직)를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Create 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Background Color: 이미지의 배경 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.
  • Image Width: 이미지의 너비를 입력합니다.
  • Image Height: 이미지의 높이를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Crop 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Width: 크롭할 너비를 입력합니다.
  • Height: 크롭할 높이를 입력합니다.
  • Position X: 크롭을 시작할 x축 위치(수평)를 입력합니다.
  • Position Y: 크롭을 시작할 y축 위치(수직)를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Draw 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Primitive: 그릴 기본 도형을 선택합니다. 다음 중에서 선택합니다.
    • Circle
    • Line
    • Rectangle
  • Color: 기본 도형의 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.
  • Start Position X: 그리기를 시작할 x축 위치(수평)를 입력합니다.
  • Start Position Y: 그리기를 시작할 y축 위치(수직)를 입력합니다.
  • End Position X: 그리기를 멈출 x축 위치(수평)를 입력합니다.
  • End Position Y: 그리기를 시작할 y축 위치(수직)를 입력합니다.
  • Corner Radius: 모서리 반경을 설정할 숫자를 입력합니다. 모서리 반경을 추가하면 그려진 도형의 모서리가 둥글게 됩니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Get Information 매개변수#

이 작업의 경우, 이미지 데이터를 저장하는 바이너리 속성의 Property Name만 추가하면 됩니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Multi Step 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Operations: 멀티 스텝 작업이 수행할 작업을 추가합니다. 다른 작업을 원하는 만큼 사용할 수 있습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Resize 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Width: 이미지에 적용할 새 너비를 입력합니다.
  • Height: 이미지에 적용할 새 높이를 입력합니다.
  • Option: 이미지 크기를 조정할 방법을 선택합니다. 다음 중에서 선택합니다.
    • Ignore Aspect Ratio: 종횡비를 무시하고 입력한 정확한 높이와 너비로 크기를 조정합니다.
    • Maximum Area: 입력한 높이와 너비가 이미지의 최대 영역/크기가 됩니다. 이미지는 종횡비를 유지하며 입력한 높이 및/또는 너비보다 커지지 않습니다.
    • Minimum Area: 입력한 높이와 너비가 이미지의 최소 영역/크기가 됩니다. 이미지는 종횡비를 유지하며 입력한 높이 및/또는 너비보다 작아지지 않습니다.
    • Only if Larger: 입력한 너비와 높이보다 이미지가 큰 경우에만 크기를 조정합니다. 이미지는 종횡비를 유지합니다.
    • Only if Smaller: 입력한 너비와 높이보다 이미지가 작은 경우에만 크기를 조정합니다. 이미지는 종횡비를 유지합니다.
    • Percent: 원본 이미지의 백분율로 너비와 높이를 사용하여 이미지 크기를 조정합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Rotate 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Rotate: -360에서 360 사이로 이미지를 회전할 각도를 입력합니다.
  • Background Color: 이미지의 배경 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다. 이 색상은 이미지가 90도의 배수로 회전할 때 비어 있는 배경을 채우는 데 사용됩니다. Rotate 필드에 90도의 배수를 사용하지 않으면 배경 색상이 사용되지 않습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Shear 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Degrees X: x축을 기준으로 기울일 각도를 입력합니다.
  • Degrees Y: y축을 기준으로 기울일 각도를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Text 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Text: 이미지에 작성할 텍스트를 입력합니다.
  • Font Size: 텍스트의 글꼴 크기를 선택합니다.
  • Font Color: 글꼴 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.
  • Position X: 텍스트를 시작할 x축 위치(수평)를 입력합니다.
  • Position Y: 텍스트를 시작할 y축 위치(수직)를 입력합니다.
  • Max Line Length: 줄 바꿈을 추가하기 전 한 줄에 들어갈 최대 문자 수를 입력합니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

Transparent 매개변수#

  • Property Name: 이미지 데이터를 저장하는 바이너리 속성의 이름을 입력합니다.
  • Color: 투명하게 만들 색상을 설정합니다. 16진수 값을 직접 입력하거나 색상 견본을 선택하여 색상 선택기를 열 수 있습니다.

선택적 구성 옵션은 노드 옵션을 참조하세요.

노드 옵션#

  • File Name: 출력 파일의 파일명을 입력합니다.
  • Format: 출력 파일의 이미지 형식을 입력합니다. 다음 중에서 선택합니다.
    • bmp
    • gif
    • jpeg
    • png
    • tiff
    • WebP

Text 작업에는 Font Name or ID 옵션도 포함됩니다. 드롭다운에서 텍스트 글꼴을 선택하거나 표현식을 사용하여 ID를 지정합니다.

템플릿 및 예시#

Edit Image 통합 템플릿 찾아보기 또는 모든 템플릿 검색하기