가상 테이블탑(VTT)에서 대형 맵 이미지를 안정적으로 사용하기 위해 준비하는 방법
대형 테이블탑 맵의 경우, 내보내기 전에 의도한 격자 및 픽셀 크기를 설정하고, 가상 테이블탑에서 지원하는 형식으로 사본을 저장한 후 세션 시작 전에 실제 게임 환경에서 결과를 확인하세요. 맵의 인쇄용 DPI 설정은 VTT에서 맵이 얼마나 크고 선명하게 보일지를 결정하지 않으며, 픽셀 크기와 격자 칸당 픽셀 수가 이를 결정합니다. 이 워크플로는 장면 설정을 위해 Foundry VTT를 기준으로 사용하며, Roll20과의 차이점도 함께 설명합니다.
1. 맵의 격자와 플레이 가능 영역 결정하기
먼저 맵에 적용할 격자 유형, 열과 행의 개수, 이미지 자체에 격자가 그려져 있는지 여부를 확인하고 기록하세요. 사각 격자 배틀맵의 경우, 한 칸당 픽셀 크기를 정하고 격자 개수를 곱합니다. 예를 들어, 칸당 100픽셀인 30열 20행짜리 맵은 3,000 × 2,000픽셀이 됩니다. 이렇게 계산해 두면 목표 내보내기 크기를 파악할 수 있고, 이미지가 의도치 않게 잘리거나 늘어나는 현상을 쉽게 발견할 수 있습니다.
Foundry 가이드에서는 칸당 100픽셀을 실용적인 기준값으로 사용하며, 격자가 이미지 가장자리에 딱 맞도록 완전한 격자 칸으로 구성할 것을 권장합니다. 따라서 칸당 100픽셀인 3,000 × 2,000픽셀 크기의 배경 이미지는 30열과 20행으로 이루어져야 합니다. DPI/PPI 메타데이터는 Foundry의 장면 렌더링에 영향을 미치지 않습니다. Foundry의 콘텐츠 제작 스타일 가이드
맵에 장식용 테두리, 여백 또는 불완전한 칸이 있다면, 이를 플레이 가능 영역에 포함할지 결정하세요. 테두리는 시각적으로 유용할 수 있지만, 가장자리의 불완전한 칸은 격자 자동 맞춤을 어렵게 만듭니다. 유일한 원본 사본이 손상되지 않고 언제든 다시 자르거나 크기를 조정할 수 있도록 원본 아트 파일을 항상 보관해 두세요.
2. 참가자 환경에서 로드할 수 있는 해상도 선택하기
픽셀 수가 많으면 플레이어가 확대했을 때 디테일을 유지할 수 있지만, 이미지가 너무 크면 전송 시간이 길어지고 기기의 렌더링 한도를 초과할 수 있습니다. Foundry에 따르면 배경 크기가 너무 크면 검은 화면이 나타날 수 있으며, 일반적인 한도는 하드웨어에 따라 구형 컴퓨터의 경우 약 8,000픽셀, 신형 기기의 경우 약 16,000픽셀로 다양합니다. 격자 칸당 100픽셀처럼 더 낮은 크기로 내보내는 것을 고려하라고 권장합니다. 이 수치들은 주의를 당부하는 참고치일 뿐, 그보다 약간 작은 맵을 모든 기기에서 처리할 수 있다는 보증은 아닙니다. Foundry 장면 로딩 문제 해결 가이드
참가자들에게 필요한 확대 수준에서 선명하게 보이는 최소 크기로 내보내세요. 플레이어가 주로 기본 배율로 배틀맵을 본다면 100픽셀 격자로도 충분할 수 있습니다. 밀접 확대가 중요하다면, 가능하다면 그룹 내 사양이 가장 낮은 기기에서 고해상도 사본을 테스트해 보세요. Roll20의 파트너 맵 가이드라인에서는 사각 격자 맵 아트에 대해 칸당 140픽셀(70픽셀 격자 셀 배율의 2배로 설명됨)을 권장하여 100%를 초과해 확대할 때 눈에 띄는 픽셀화를 줄이도록 합니다. 이는 플랫폼별 권장 사항이며 보편적인 최소 기준은 아닙니다. Roll20의 맵 아트 가이드라인
3. VTT에서 지원하는 형식으로 내보내기
질감이 칠해진 정교한 맵의 경우, WebP를 사용하면 적절한 시각적 품질을 유지하면서 파일 크기를 줄일 수 있습니다. Foundry는 WebP를 지원하며 품질과 용량 간의 균형이 뛰어나 이를 권장합니다. 다만 공식 문서에서는 WebP 디코딩이 클라이언트 처리 능력을 더 많이 사용한다고 명시하고 있습니다. JPEG는 불투명한 대형 아트워크에 사용할 수 있는 또 다른 대안이지만, 손실 압축으로 인해 눈에 띄는 아티팩트가 생길 수 있습니다. PNG는 손실 압축 없이 이미지 데이터를 보존하지만, 대형 장면 배경의 경우 전송 용량이 무거워질 수 있습니다. 형식을 선택하기 전에 플레이어가 실제로 사용할 확대 수준에서 내보낸 결과물들을 비교해 보세요. Foundry 미디어 최적화 가이드
모든 VTT가 동일한 파일을 지원한다고 가정하지 말고, 대상 플랫폼에서 허용하는 형식을 확인하세요. Roll20의 테이블탑 개요에는 테이블탑에 배치할 수 있는 이미지 형식으로 JPG와 PNG가 나열되어 있는 반면, Foundry는 WebP를 포함한 더 다양한 형식을 지원합니다. 따라서 Foundry에 적합한 WebP 파일이라도 Roll20에서는 JPG나 PNG로 다시 내보내야 할 수 있습니다. Roll20 테이블탑 개요
4. 맵과 격자의 싱크 유지하기
눈에 보이는 격자가 없는 맵의 경우, 의도한 크기를 유지하고 VTT의 격자를 그에 맞게 설정하세요. Foundry에서는 장면 배경을 선택하면 이미지에 맞춰 장면 크기가 자동으로 설정됩니다. 벽, 조명, 토큰 또는 기타 위치 지정 요소를 추가하기 전에 격자 크기를 구성하세요. Foundry에서는 나중에 격자 크기를 변경하면 이러한 요소들의 위치가 틀어질 수 있다고 주의를 줍니다. Foundry 장면 가이드
격자가 미리 그려진 맵의 경우, 칸 수를 세고 이미지 너비나 높이를 해당하는 칸 수로 나누세요. 예를 들어 22열로 이루어진 너비 3,080픽셀 맵은 열당 140픽셀이 됩니다. 수직 방향 계산도 확인하세요. 너비와 높이에서 계산된 칸당 픽셀 크기가 서로 다르다면 이미지가 늘어났거나, 잘렸거나, 정사각형이 아닌 격자를 사용하고 있을 수 있습니다. Foundry는 시각적 격자에 오버레이를 맞출 수 있는 격자 정렬 도구(Grid Alignment Tool)를 제공하며, Roll20은 정확한 크기나 잘라내기 영역이 불분명한 맵을 위한 'Align to Grid' 도구를 제공합니다. Foundry 장면 가이드, Roll20 맵 배치 및 정렬 가이드
5. 세부 요소를 추가하기 전에 장면 업로드 및 설정하기
맵을 위한 새 장면(Scene)이나 페이지(Page)를 만들고, 내보낸 파일을 업로드한 후, 장면이나 페이지의 크기를 이미지의 플레이 가능 영역과 일치시키세요. Foundry에서는 장면 구성에서 배경 경로와 이미지 크기를 확인합니다. 크기를 직접 재지정하는 경우 이미지의 가로세로 비율을 유지하세요. 격자 유형과 크기를 설정한 다음, 인쇄된 격자의 미세 조정이 필요하면 정렬과 오프셋을 조절합니다. Foundry의 격자는 이미지의 왼쪽 상단 모서리에서 시작하므로, 첫 번째 칸 앞에 여백이 있다면 정렬 작업이 필요할 수 있습니다.
Roll20에서는 이미지를 맵 레이어(Map layer)에 업로드한 다음, 페이지 설정(Page Settings)과 이미지의 'Set Dimensions' 옵션을 사용하여 의도한 단위나 픽셀 크기에 맞추세요. 격자가 있는 맵의 경우, 페이지를 아트워크에 맞춰 잘라내기 전에 맵을 테이블탑 격자에 먼저 정렬하는 것이 가이드라인에서 권장됩니다. 이동하거나 크기를 조절할 때 Alt 키를 누르고 있으면 격자 스냅을 우회할 수 있습니다. 정렬이 완료되면 맵 이미지가 실수로 드래그되어 위치가 틀어지지 않도록 고정(Lock)하세요. Roll20 맵 배치 및 정렬 가이드
매우 큰 파일을 준비하기 전에 본인 계정의 업로드 용량 제한을 확인하세요. Roll20의 맵 정렬 문서에 따르면 무료 사용자는 에셋당 10MB, Plus 및 Pro 구독자는 20MB로 제한되어 있습니다. 이러한 한도는 변경될 수 있으므로 업로드에 실패하면 최신 플랫폼 문서를 참조하세요. 파일이 해당 제한을 초과하는 경우 픽셀 크기를 줄이거나 압축 설정을 조정한 다음, 새로 내보낸 파일에 흐림 현상이나 압축 아티팩트가 없는지 확인하세요.
6. 실제 플레이 배율에서 맵 테스트하기
가능하다면 플레이어 권한으로 접속하거나 별도의 브라우저 세션에서 장면을 열어보세요. 이미지가 정상적으로 로드되는지, 전체 플레이 가능 영역이 잘 보이는지, 토큰이 의도한 칸에 정확히 스냅되는지 확인합니다. 중앙과 가장자리 부근의 칸들을 여러 개 비교해 보세요. 한쪽 모서리에서는 격자가 맞지만 다른 쪽에서 어긋난다면 이미지가 늘어났거나 격자 간격이 고르지 않다는 뜻일 수 있습니다. 세부 디테일과 텍스트 라벨을 확대해서 살펴보고, 축소해서 전체적인 화면도 확인하세요.
Foundry에서 장면에 검은 화면이 나타난다면 배경 이미지 크기가 하드웨어 사양에 비해 너무 큰지 확인하세요. 회색 화면이나 빈 배경이 나타난다면 Foundry가 설정된 이미지 경로를 찾지 못했다는 의미일 수도 있습니다. 로드는 되지만 격자가 어긋난다면 벽을 그리거나 다른 장면 디테일을 배치하기 전에 격자 크기나 정렬을 수정하세요. 나중에 추가되는 이러한 요소들은 장면의 기하학적 구조에 의존하기 때문입니다. 더 안정적인 세션 진행을 위해, 원본 파일이 느리거나 플레이어의 기기에서 문제를 일으킬 경우에 대비해 저해상도로 내보낸 사본을 미리 준비해 두세요.
신뢰할 수 있는 맵이란 대상 VTT에 크기가 알맞게 내보내졌고, 격자가 아트와 일치하며, 테이블의 모든 기기에서 파일이 잘 로드되고 선명하게 유지되는 맵입니다. 다른 장면이나 플랫폼으로 옮길 때 동일한 설정을 재현할 수 있도록 최종 픽셀 크기와 격자 배율을 맵 파일 옆에 함께 기록해 두세요.