如何準備大型地圖圖片以在虛擬跑團桌中穩定使用
處理大型跑團地圖時,請在匯出前設定好預期的網格與像素尺寸,儲存為您的虛擬跑團桌 (VTT) 支援的格式,並在遊戲開場前於實際環境中檢查效果。地圖的列印 DPI 設定並不能決定它在 VTT 上的大小或清晰度:像素尺寸與每格像素數才是關鍵。本工作流程使用 Foundry VTT 進行場景設定,並特別註明 Roll20 的不同之處。
1. 確定地圖的網格與可遊玩區域
首先記錄地圖預計使用的網格類型、欄數與列數,以及原畫是否已自帶繪製好的網格。對於方格戰鬥地圖,請選擇每個方格的像素大小,並乘以網格數量。例如,一張 30 欄 × 20 列的地圖,若每格為 100 像素,則總解析度為 3,000 × 2,000 像素。這項計算為您提供了目標匯出尺寸,也讓您更容易發現意外的裁切或拉伸。
Foundry 的指南將每格 100 像素作為實用參考標準,並建議採用完整網格,且網格需與圖片邊緣對齊。因此,一張 3,000 × 2,000 像素、每格 100 像素的背景圖應包含 30 欄與 20 列。DPI/PPI 中繼資料不會影響 Foundry 的場景渲染。Foundry 的內容創作風格指南
如果地圖具有裝飾性邊框、空白邊緣或不完整的方格,請決定這些是否屬於可遊玩區域。邊框在視覺上可能很有用,但邊緣的不完整方格會增加自動網格對齊的難度。請保留原始圖檔,以便重新裁切或調整大小,避免破壞唯一的副本。
2. 選擇團隊成員設備皆可順暢載入的解析度
更多的像素可以在玩家放大時保留細節,但過大的圖片傳輸時間較長,且可能會超出裝置的渲染限制。Foundry 指出,極大的背景尺寸可能導致黑畫面,其常見上限因硬體而異:較舊的電腦約為 8,000 像素,較新的電腦約為 16,000 像素。它建議考慮使用較低的匯出尺寸,例如每格 100 像素。請將這些數字視為警示,而非保證所有裝置都能順暢處理剛好低於這些限制的地圖。Foundry 的場景載入疑難排解指南
請採用在團隊所需的縮放比例下仍顯清晰的最小匯出尺寸。如果玩家主要以正常比例檢視戰鬥地圖,100 像素的網格可能就足夠了。如果近距離放大非常重要,在可能的情況下,請在團隊中性能最低的裝置上測試較高解析度的版本。Roll20 的合作夥伴地圖規範建議,方針對格地圖原畫採用每格 140 像素(即 70 像素網格單元比例的兩倍),以減少放大超過 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 中,選擇場景背景會自動根據圖片設定場景尺寸;在新增牆壁、光源、標記 (Token) 或其他定位元素之前,請先配置好網格大小。Foundry 指出,事後變更網格大小可能會使這些元素發生偏移。Foundry 場景指南
對於已繪製網格的地圖,請計算格子數量,並用地圖寬度或高度除以相應的格數。例如,一張寬度為 3,080 像素、包含 22 欄的地圖,計算得出每欄為 140 像素。垂直方向也請進行相同的計算:如果寬度和高度計算出的每格像素大小不同,圖片可能已被拉伸、裁切,或是使用了非正方形的網格。Foundry 提供了「網格對齊工具」(Grid Alignment Tool) 來將網格疊加層對齊現有網格;Roll20 則為尺寸或裁切不明確的地圖提供了「對齊至網格」(Align to Grid) 工具。Foundry 場景指南、Roll20 放置與對齊地圖指南
5. 在新增細節前上傳並設定場景
為地圖建立新的場景或頁面,上傳匯出的檔案,並使場景或頁面尺寸與圖片的可遊玩區域相符。在 Foundry 中,於場景配置中檢查背景路徑和圖片尺寸;若要覆寫尺寸,請保持圖片的長寬比。設定網格類型與大小,若印刷網格需要微調,再調整對齊方式與偏移量。Foundry 的網格始於圖片左上角,因此第一個格子之前的邊距可能需要手動對齊。
在 Roll20 中,將圖片上傳至地圖圖層 (Map layer),然後使用「頁面設定」(Page Settings) 與圖片的「設定尺寸」(Set Dimensions) 選項來符合預期的單位或像素大小。對於有網格的地圖,其指南建議在將頁面裁切至地圖尺寸之前,先將地圖對齊虛擬桌面的網格。在此過程中按住 Alt 鍵進行移動或縮放,可以略過網格貼齊。對齊無誤後,請鎖定地圖圖片的位置,以免誤觸拖曳破壞版面。Roll20 放置與對齊地圖指南
在準備超大型檔案之前,請先檢查帳戶的上傳限制。Roll20 的地圖對齊文件指出,免費使用者的單一素材限制為 10 MB,Plus 和 Pro 訂閱者為 20 MB;限制可能隨時調整,因此若上傳失敗,請查閱平台最新文件。如果檔案超過適用上限,請降低像素尺寸或調整壓縮率,然後檢查重新匯出的檔案是否存在模糊或壓縮偽影。
6. 以實際遊玩比例測試地圖
在可行的情況下,以玩家身分或在獨立的瀏覽器視窗中開啟該場景。確認圖片能正常載入、完整可遊玩區域清晰可見,且標記能準確貼齊預期的格子。比對靠近中心和邊緣的多個方格:如果網格在某個角落對齊但在其他地方產生偏移,可能代表圖片遭到拉伸或其網格本身不均勻。放大檢視精細細節與文字標籤,然後縮小以檢查整體視野。
如果 Foundry 中的場景出現黑畫面,請檢查背景圖片尺寸是否對硬體負擔過大。灰色或空白的背景也可能意味著 Foundry 找不到設定的圖片路徑。如果地圖能載入但網格偏離,請在繪製牆壁或放置其他場景細節之前修正網格大小或對齊;後續這些元素都依賴於場景的幾何設定。為了獲得更穩定的遊戲體驗,請隨時準備一份較低解析度的匯出備用,以防原始地圖在玩家裝置上載入緩慢或崩潰。
一張穩定可靠的地圖,其匯出格式必須適合目標 VTT,網格必須與原畫吻合,且檔案必須能在參與者的裝置上順暢載入並保持清晰。請在圖檔旁記錄最終的像素尺寸與網格比例,以便日後轉移到其他場景或平台時能重現該設定。
