그리드 시각화
이미지 배열을 그리드로 표시합니다.
여러 이미지를 그리드 레이아웃으로 배치하여, 이미지 목록을 자동으로 정사각형 그리드 패턴으로 정리하고 자동 크기 조정 및 셀 기반 위치 지정으로 나란히 비교, 썸네일 표시 또는 일괄 시각화를 가능하게 합니다.
이 블록의 작동 방식
이 블록은 이미지 목록을 받아 단일 출력 이미지 내에서 그리드 레이아웃으로 배치합니다. 이 블록은:
이미지 목록과 출력 크기(너비와 높이)를 입력으로 받습니다
이미지 수를 기준으로 그리드 크기를 계산합니다(이미지 개수의 제곱근을 올림한 값과 같은 크기의 정사각형 그리드를 생성합니다)
그리드 크기를 기준으로 출력 캔버스를 동일한 크기의 셀로 나눕니다
각 입력 이미지를 종횡비를 유지하면서 할당된 셀에 맞도록 크기를 조정합니다(이미지는 왜곡 없이 셀 크기에 맞게 스케일링됩니다)
이미지를 왼쪽 위 모서리부터 시작해 왼쪽에서 오른쪽, 위에서 아래 순서(행 우선 순서)로 그리드에 배치합니다
각 크기 조정된 이미지를 셀의 가운데에 배치하여 균등한 간격의 그리드 레이아웃을 만듭니다
모든 입력 이미지를 그리드로 배치한 단일 출력 이미지를 반환합니다
이 블록은 여러 이미지를 비교하거나 일괄적으로 보는 용도로 쉽게 사용할 수 있도록 자동으로 그리드로 정리합니다. 각 이미지는 종횡비를 유지한 채 그리드 셀에 맞도록 크기가 조정되고, 이미지들은 셀 안에서 가운데 정렬됩니다. 그리드 크기는 대략 정사각형 그리드를 만들도록 자동 계산됩니다(예: 이미지 4개 = 2x2, 9개 = 3x3, 10개 = 4x4). 이를 통해 여러 이미지를 비교하거나 썸네일을 표시하거나 일괄 시각화 출력을 만들기에 이상적인, 간결하고 정돈된 레이아웃이 만들어집니다. 이 블록은 동일한 이미지가 다시 사용될 때 성능을 최적화하기 위해 캐싱을 사용합니다.
일반적인 사용 사례
일괄 이미지 비교: 여러 이미지를 비교하기 쉽게 그리드 형태로 나란히 배치하여, 서로 다른 모델, 시점 또는 처리 단계의 결과를 동시에 시각화할 수 있습니다
썸네일 갤러리 생성: 갤러리 표시, 이미지 브라우저 또는 여러 이미지를 간결한 레이아웃으로 보여줘야 하는 미리보기 인터페이스를 위해 이미지 모음에서 썸네일 그리드를 만듭니다
다중 이미지 워크플로 결과: 배치 처리, 이미지 슬라이서 출력 또는 버퍼 모음과 같은 다중 이미지 워크플로의 결과를 개요 시각화를 위한 정리된 그리드 형식으로 표시합니다
전/후 비교: 전후 이미지, 원본 및 처리된 버전, 또는 여러 워크플로 출력을 비교 및 검증 워크플로를 위해 그리드로 배치합니다
시계열 시각화: 서로 다른 시점, 프레임 또는 스냅샷의 이미지를 그리드로 표시하여 시간에 따른 변화, 연속 장면 또는 진행 상황을 시각화합니다
품질 관리 및 검토: 여러 이미지를 함께 보면서 평가하거나 검증해야 하는 품질 관리 워크플로, 일괄 검토 또는 검사 프로세스를 위한 그리드 레이아웃을 만듭니다
다른 블록과 연결하기
이 블록의 그리드 출력 이미지는 다음에 연결할 수 있습니다:
이미지 처리 블록 (예: Buffer, Image Slicer, Dynamic Crop) 그리드 레이아웃으로 정리할 이미지 목록을 받습니다
데이터 저장 블록 (예: Local File Sink, CSV Formatter, Roboflow Dataset Upload) 문서화, 보고 또는 일괄 검토 목적으로 그리드 이미지를 저장합니다
웹훅 블록 대시보드, 갤러리 또는 일괄 보기 인터페이스에서 표시할 수 있도록 그리드 시각화를 외부 시스템, API 또는 웹 애플리케이션으로 전송합니다
알림 블록 (예: Email Notification, Slack Notification) 여러 이미지를 포함한 알림이나 보고서에서 시각적 증거로 그리드 이미지를 보냅니다
비디오 출력 블록 실시간 다중 이미지 모니터링 또는 일괄 시각화 워크플로를 위해 그리드 레이아웃의 비디오 스트림 또는 녹화를 생성합니다
다른 시각화 블록 단일 이미지를 수용할 수 있어, 그리드 출력물을 추가 주석과 결합하거나 추가 처리할 수 있습니다
유형 식별자
step에서 다음 식별자를 사용하세요 "type" 필드: roboflow_core/grid_visualization@v1 를 워크플로에 단계로 추가합니다.
속성
이름
유형
설명
참조
name
str
이 단계에 고유 식별자를 입력하세요..
❌
너비
int
출력 그리드 이미지의 픽셀 단위 너비입니다. 이미지 그리드가 배치될 캔버스의 전체 너비를 제어합니다. 너비는 그리드 크기에 따라 동일한 크기의 셀로 나뉩니다. 일반적인 값 범위는 원하는 출력 크기와 이미지 수에 따라 1280픽셀에서 3840픽셀 사이입니다..
✅
높이
int
출력 그리드 이미지의 픽셀 단위 높이입니다. 이미지 그리드가 배치될 캔버스의 전체 높이를 제어합니다. 높이는 그리드 크기에 따라 동일한 크기의 셀로 나뉩니다. 일반적인 값 범위는 원하는 출력 크기와 이미지 수에 따라 720픽셀에서 2160픽셀 사이입니다..
✅
해당 참조 열은 워크플로 런타임에서 사용할 수 있는 동적 값으로 속성을 매개변수화할 수 있음을 나타냅니다. 자세한 내용은 워크플로 런타임. 자세한 내용은 바인딩 를 참조하세요.
입력 및 출력 바인딩
사용 가능한 연결은 바인딩 종류에 따라 달라집니다. 어떤 바인딩 종류가 있는지 확인하세요 그리드 시각화 버전 v1 가 있습니다.
입력 및 출력 바인딩
입력
이미지들(list_of_values): 그리드 레이아웃으로 배치할 이미지 목록입니다. Buffer, Image Slicer, Dynamic Crop 또는 여러 이미지를 출력하는 다른 블록의 이미지 출력 목록일 수 있습니다. 이미지는 이미지 수를 기준으로 자동 계산된 정사각형 그리드로 정리되며, 종횡비를 유지한 채 각 그리드 셀에 맞도록 크기가 조정됩니다..너비(정수): 출력 그리드 이미지의 픽셀 단위 너비입니다. 이미지 그리드가 배치될 캔버스의 전체 너비를 제어합니다. 너비는 그리드 크기에 따라 동일한 크기의 셀로 나뉩니다. 일반적인 값 범위는 원하는 출력 크기와 이미지 수에 따라 1280픽셀에서 3840픽셀 사이입니다..높이(정수): 출력 그리드 이미지의 픽셀 단위 높이입니다. 이미지 그리드가 배치될 캔버스의 전체 높이를 제어합니다. 높이는 그리드 크기에 따라 동일한 크기의 셀로 나뉩니다. 일반적인 값 범위는 원하는 출력 크기와 이미지 수에 따라 720픽셀에서 2160픽셀 사이입니다..
출력
image(image): 워크플로의 이미지.
마지막 업데이트
도움이 되었나요?