Roll20에서 파일에 대한 모범 사례

2024년 08월 29일 15:55

이 문서는 최적의 Roll20 경험을 보장하는 여러 가지 사례를 개요로 제시합니다. 이 가이드라인을 따르면 이미지 로드 시간을 줄일 수 있으며, Roll20에서 쉽게 자체 파일을 사용하고 파일이 최적의 품질과 성능을 제공하도록 할 수 있습니다.

구독 플랜 비교

무료 계정을 사용하면 지도, 음악 및 기타 에셋에 사용할 수 있는 100MB의 공간이 Roll20에 제공되며, 각 에셋의 총 파일 크기는 10MB입니다. 유료 구독 수준에서는 총 파일 크기 제한이 20MB로 적용됩니다. Plus 사용자의 경우 총 저장 용량이 3GB 로 증가되며, Pro 사용자의 경우 총 저장 용량이 8GB 로 증가됩니다.

이 페이지의 나머지 문서를 검토하여 공간 사용을 극대화하거나 저장 용량 제한과 최대 자산 크기를 크게 늘릴 수 있는 구독을 고려하는 것을 강력히 권장합니다.

오디오 파일

Roll20은 이제 가상 테이블탑에서 자신의 음악을 사용할 수 있습니다. 더 자세한 내용은 자신의 파일을 업로드하고 사용하는 방법에 대해 알아보려면Jukebox 문서를 참조하십시오..

Roll20은 MP3, OGG, FLAC 및 WAV의 네 가지 오디오 파일 형식을 지원하며, 모든 오디오 업로드의 최대 업로드 크기는 각각 20MB 입니다. 모든 오디오는 형식에 관계없이 96kHz비트레이트의 Opus 코덱 을 사용하여 변환됩니다.

이러한 파일 형식은 모두 장단점이 있으므로 각 형식의 차이점을 살펴보겠습니다:

MP3 파일은 매우 작은 파일 크기를 가지고 있어 처리 시간이 짧습니다. 하지만 이로 인해 음질이 낮아져 때로는 "금속적"이거나 "디지털" 음색이 될 수도 있습니다.

OOG 파일은 평균 파일 크기를 가지고 있으며 효율적인 저장 유형입니다. 대부분의 사용자에게는 알아차리기 어렵지 않을 것이지만, 오디오 품질이 약간 감소합니다.

FLAC 파일은 손실 없는 오디오 품질을 제공하여 더 높은 품질의 오디오를 만듭니다. 그러나 FLAC 오디오 파일은 매우 크며 처리하는 데 더 오래 걸립니다. 또한 파일은 VTT에서 사용하기 위해 다운샘플링됩니다.

WAV 파일도 Roll20에 업로드할 수 있습니다. FLAC 파일과 유사하게 WAV 파일은 손실 없이 더 많은 저장 공간을 사용합니다. 그러나 WAV는 최근 20년간의 기술적 발전의 이점을 얻지 못한 원시 오디오 파일입니다.

이미지 및 애니메이션

웹 친화적 대 프린트 이미지

상업용 어드벤처 팩에서 플레이하는 경우 PDF 파일에서 작업 중인 경우가 많습니다. 그래픽을 인쇄할 때 가독성이 높고 선명하게 인쇄하려면 이미지 해상도, 즉 DPI(인치당 도트 수)를 다소 높게 유지해야 합니다( , 대부분의 인쇄용 PDF의 경우 최소 300 DPI). DPI(인치당 점)가 높을수록 이미지 파일 크기가 커지고 이미지를 표시하기 위해 프로세서에 더 많은 부하가 걸립니다. 이는 상업용 PDF의 맵, 캐릭터 초상화 및 핸드아웃이 Roll20 게임에 필요한 것보다 더 큰 파일 크기를 가지고 있음을 의미합니다. 요약/설명: 이러한 에셋을 게임으로 끌어다 놓으면 저장 공간을 차지하게 됩니다.

Roll20에서 이미지가 원활하게 실행되길 원한다면, 이미지 해상도를 낮게 유지하는 것을 권장합니다. 게임 이미지에는 70-150 DPI 범위 사이의 해상도가 적당합니다. 이는 이미지 편집 소프트웨어를 사용하여 해상도를 조정하여 달성할 수 있습니다. 우리는 롤20 마켓플레이스를 통해 최적화된 자산도 제공합니다.

파일 유형

이미지 파일

롤20에서 가져올 수 있고 사용할 수 있는 세 가지 이미지 파일 유형은 JPG, GIF 및 PNG입니다. 무료 사용자의 최대 업로드 크기는 10MB이고, Pro 및 Plus 사용자의 경우 20MB입니다.

파일 형식을 서로 비교해 보겠습니다.

JPEG는 롤20에서 선호하는 이미지 파일 유형입니다. JPEG 파일은 부드러운 그라데이션과 작은 파일 크기를 제공합니다. 하지만 투명도 옵션이 없으며, JPEG가 강하게 압축될 경우 품질이 저하될 수 있습니다. 만약 투명도나 반투명도가 필요없는 그래픽이 있다면 JPG 이미지 파일을 사용하세요.
파일 크기: 평균
투명할 수 있나요? 아니오
반투명할 수 있나요? 아니오
애니메이션을 할 수 있나요? 아니오

GIF 파일은 픽셀 아트에 적합하며, 팔레트 스와치 제어를 제공하며, 애니메이션 GIF는 Roll20 가상 테이블탑에서 표시될 수 있습니다. 하지만, GIF 파일은 그라데이션을 재현하는 데에는 적합하지 않으며, 256 개의 "색인" 색상 팔레트로 제한되며, 현실적인 이미지를 생성하는 데에는 적합하지 않습니다. 핸드아웃 객체를 위한 단순한 앨리어싱 컷아웃 이미지를 원한다면 GIF 파일 형식이 유용합니다.
파일 크기: 작음
투명할 수 있나요? 예
반투명할 수 있나요? 아니오
애니메이션을 할 수 있나요? 예

PNG 파일은 손실 없는 압축을 제공하여 고품질 이미지를 얻을 수 있습니다. 하지만, 알파 채널 작업을 사용할 때 파일 크기가 크게 증가하며, 더 큰 PNG 파일은 많은 시스템 리소스를 사용합니다. PNG는 단색 그림과 정확히 같은 색상의 큰 영역을 가진 이미지에 이상적인 형식입니다. PNG는 투명도를 필요로 하는 토큰 객체나 이미지에도 사용될 수 있지만, 애니메이션 PNG 파일은 지원되지 않습니다. PNGs는 GIF보다 유연하여 시각적으로 유사한 이미지의 경우에도 더 큰 파일 크기로 이어질 수 있습니다.
파일 크기: 크게
투명할 수 있습니까? 예
투명할 수 있습니까? 예
애니메이션 가능한가요? 아니요

팁: 소프트웨어에서 지원하는 경우 이미지를 "전체 색상" 또는 "RGB"에서 "팔레트" 또는 "색인"으로 변경할 수 있습니다. 후자의 옵션은 제한된 수(일반적으로 256)의 색상을 가지며 GIF만 지원합니다. 이것이 GIF 파일이 더 작은 이유입니다. 같은 유형의 팔레트를 사용하는 PNG 파일은 GIF 이미지와 대략 동일한 크기입니다. 대부분의 PNG 파일은 GIF에 비해 RGB 형식으로 되어 있으며, 픽셀 당 더 많은 데이터를 저장하여 더 큰 파일 크기를 가지게 됩니다. 하지만 이는 이미지 무결성을 보다 크게 유지합니다.

애니메이션 파일

Roll20의 애니메이션 파일에는 GIF, mp4 및 webm 세 가지 파일 유형을 지원합니다. 무료 사용자는 최대 10MB, 프로 및 플러스 사용자는 최대 20MB까지 업로드할 수 있습니다.

애니메이션 파일 형식을 서로 비교해 봅시다:

위의 이미지 섹션에서 언급된 대로, GIF 파일은 생성 시 팔레트 스왓치 제어를 제공하며, 픽셀 아트에 적합하며, 애니메이션 GIF는 Roll20 가상 테이블탑에서 애니메이션 효과가 나타납니다. 그러나 GIF 파일은 그라디언트를 재현하는 데에는 적합하지 않으며 256색 팔레트로 제한되어 있으며 현실적인 이미지를 생성하는 데에는 적합하지 않습니다. 다른 형식보다 애니메이션 프레임당 더 많은 데이터를 저장하기 때문에 큰 애니메이션은 성능이 저하됩니다.
파일 크기: 작음
투명할 수 있나요? 예
반투명할 수 있나요? 아니요

MP4 파일은 사실상 비디오 파일 형식이며, 더 좋은 경험을 제공합니다. 이 파일 형식은 투명도(알파 채널이라고 함)를 지원하지 않습니다. 애니메이션 맵과 배경은 이 파일 형식에서 잘 작동합니다. Roll20에 업로드된 이 파일들은 원본 파일의 오디오를 유지하지 않습니다. MP4 형식은 투명 옵션을 제공하지 않으며 고압축으로 인해 품질이 저하될 수 있습니다. 애니메이션의 경우, MP4 파일이 더 사용 가능하지만, MP4를 WEBM으로 변환하면 파일을 Roll20에 올리는 데 걸리는 시간이 줄어듭니다.
파일 크기: 크고 효율적입니다
투명할 수 있습니까? 아니요
반투명할 수 있습니까? 아니요

WEBM은 웹에서 사용하기 위해 설계되었습니다. 투명도와 반투명도를 지원합니다(8비트 알파 채널 사용). WEBM 파일은 MP4와 비슷한 품질을 제공하지만 훨씬 작은 크기입니다. 주요 단점은 이 파일 형식이 MP4 또는 GIF만큼 보편적이지 않다는 것입니다.
파일 크기: 작고 가장 효율적인
투명할 수 있나요? 예
반투명할 수 있나요? 예

팁: 큰 반투명 맵 오버레이를 위해 이미지 해상도를 가능한 한 낮은 설정으로 줄이고 이미지 크기를 필요한 크기보다 작게 균일하게 조정한 다음 Roll20에 업로드한 후에 확대하세요.

화면 공간 사용하기

GM이 물리적인 테이블 주위에서 플레이어에게 문서를 전달할 때, 항목은 일반적으로 세로 방향으로 쓰여지거나 인쇄됩니다. 태블릿에서는 그래픽이 세로 또는 가로인지에 관계없이 화면을 간단히 뒤집을 수 있습니다. 컴퓨터 모니터에서 화면을 뒤집는 것은 실제로 불가능합니다. Roll20에서 사용할 핸드아웃이나 스플래시 화면을 만들 때, 평균 사용자는 고정된 화면 해상도를 가진 와이드스크린 모니터에서 작업하는 경우가 많음을 염두에 두세요. 핸드아웃과 스플래시 화면을 만들고 계획할 때, 이들이 사용자의 화면에 적절하게 맞도록 조정하세요. 세로 방향을 생각하는 대신 메모, 편지, 사진 또는 테이블탑 맵이 아닌 다른 모든 것에 대해 가로 방향을 선택하세요.

화면 해상도와 관련하여 플레이어가 어떤 기기를 사용하는지 파악하세요. 그들은 데스크톱에서 작업하고 있나요? 태블릿에서 작업하고 있나요? 노트북? 화면 해상도의 적절한 중간을 찾고 그래픽 크기를 조정하여 다른 사람들이 이미지를 보기 위해 확대/축소 설정을 조정하지 않도록 조심하세요. 웹사이트들은 연도별 평균 화면 해상도를 유지하는데에 대한 일반적인 디자인 가이드가 필요하다면 w3schools.com 와 같은 웹사이트를 참조할 수 있습니다.

Roll20 이미지 크기

특정한 그래픽 요소들에 대한 Roll20 크기입니다.

이미지 크기

UI 요소	픽셀 너비	픽셀 높이
그리드 사각형	70px	70px
수직 육각형 ⬢	81px	94px
수평 육각형 ⬣	94px	81px
최대 캐릭터 초상화 크기	250px	높이 제한 없음
게임 세부 정보 아이콘	300px	512px
롤러블 테이블 이미지 (텍스트 채팅)	30px	30px

* 헥스 그리드는 수학적으로 그려지며, 따라서 단일 헥스 유닛의 픽셀 높이와 너비는 근사치입니다.

토큰 이미지

크기가 작아서 토큰 이미지는 최고 품질을 위해 PNG 형식이 가장 적합합니다. PNGs also offer transparency. If you are not using a square or hex grid for token movement, you don't need to worry about the actual dimensions of the image. If you are using a grid, however, you will want to make sure your image has enough transparent padding. 이렇게 하는 이유는 이미지가 격자 모양의 게임 판 위에 놓일 때 Roll20이 이미지의 크기를 최적화하여 한 칸의 그리드 안에 가장 잘 맞게 만들기 때문입니다. This process might change the proportions of your image. For instance, if you are using tokens that fill a 1 x 1, 2 x 2, or 3 x 3 unit space, you will want to make sure that the final dimensions of the image are the same for both height and width. If you have an oblong token, you will want to make sure that the final dimension of either the width or height is exactly double or perhaps triple the other.

일반적인 문제:

“왜 Roll20에서 맵을 확대 또는 이동하는 데 시간이 많이 걸리나요?" 또는 “100% 이상으로 확대하려고 하면 맵이 사라집니다.” 또는 “몇 명 또는 모든 플레이어에게 이미지가 나타나는 데 시간이 많이 걸립니다.”

This is normally due to the file size of any given image in a game. 게임에 사용하는 이미지 파일 크기를 확인하세요. 이미지 파일 중 1MB 이상인 경우, 이미지 편집 소프트웨어를 사용하여 이미지 해상도를 확인하고 줄이는 것을 권장합니다. 또한, 파일 크기를 최소화하기 위해 올바른 파일 형식을 사용하는지 확인하세요. 투명도가 필요한 경우에만 PNG를 사용하십시오.

“내 플레이어들은 내 손으로 쓴 메모를 읽기 어렵게 느껴져, 미리보기는 왜 이렇게 작아 보이는 걸까요?”

핸드아웃을 만들 때 플레이어의 화면 제한을 고려하세요. 가능한 한 사용 가능한 화면 공간을 최대한 활용하십시오. 이는 일반적으로 가로보다 세로로 긴 항목을 디자인하여 와이드스크린 모니터에 가장 적합하게 맞추는 것을 의미합니다.

“토큰 아트를 테이블에 놓으면 이미지의 크기가 매우 엉망이 되었습니다.”

토큰 그래픽 주위에 패딩을 추가하여 정사각형으로 만들거나 그리드에 올바르게 정렬되도록 합니다. 이는 토큰에 충분한 패딩이 없는 이미지를 사용하는 경우 중요합니다. 예를 들어 2x1 그리드 영역을 차지하려는 크리처의 경우 이미지의 한 치수가 정확히 다른 치수의 두 배인 가 되도록 패딩해야 합니다. 이렇게 하면 이미지의 비율이 유지되고 그리드에서 이미지를 예상대로 볼 수 있습니다.