Metlivi 博客

如何准备大型地图图像以在虚拟桌面中稳定使用

对于大型跑团地图,请在导出前设定好预期的网格和像素尺寸,将副本保存为您所用虚拟桌面支持的格式,并在跑团活动开始前在实际游戏中检查效果。地图的打印 DPI 设置并不能决定其在 VTT 上的显示大小或清晰度:像素尺寸和每个网格单位的像素数才是决定因素。本工作流程使用 Foundry VTT 进行场景搭建,并指出了 Roll20 的不同之处。

2026年10月15日阅读时间 7 分钟作者:Metlivi Editorial Team
第 1 节

1. 确定地图的网格和可游玩区域

首先记录地图预期的网格类型、列数和行数,以及原画本身是否已绘制网格。对于方格战斗地图,选定每个方格的像素大小,然后乘以网格数量。例如,一张 30 列乘以 20 行的地图,如果按每格 100 像素计算,其尺寸为 3,000 × 2,000 像素。这一计算可以为您提供目标导出尺寸,并使您更容易发现意外的裁剪或拉伸。

Foundry 的指南采用每格 100 像素作为实用参考,并建议使用完整的网格空间,且网格与图像边缘齐平。因此,每格 100 像素、尺寸为 3,000 × 2,000 像素的背景应包含 30 列和 20 行。DPI/PPI 元数据不会影响 Foundry 的场景渲染。Foundry 内容创作风格指南

如果地图带有装饰性边框、空白边距或不完整的方格,请确定它们是否属于可游玩区域。边框在视觉上可能很有用,但边缘的不完整方格会增加自动网格对齐的难度。请保留原始绘图文件,以便重新裁剪或调整大小,而不会损坏唯一的副本。

第 2 节

2. 选择团队成员设备能够加载的分辨率

更高的像素可以在玩家放大时保留细节,但过大的图像可能需要更长的时间来传输,并且可能会超出设备的渲染限制。Foundry 报告称,极大的背景尺寸可能会导致黑屏,具体限制因硬件而异:较旧的计算机通常在 8,000 像素左右,较新的计算机约为 16,000 像素。它建议考虑采用较小的导出尺寸,例如每个网格方格 100 像素。请将这些数字视为警示,并不保证每台设备都能顺利运行刚好低于这些数值的地图。Foundry 场景加载故障排除指南

采用在团队所需缩放比例下仍能保持清晰的最小导出尺寸。如果玩家主要以正常比例查看战斗地图,则 100 像素的网格可能就足够了。如果近距离缩放很重要,请在可能的情况下,在团队中配置最低的设备上测试高分辨率副本。Roll20 的合作伙伴地图指南建议方格地图原画采用每格 140 像素(被描述为 70 像素网格单元比例的两倍),以减少放大超过 100% 时的可见像素化。这些是特定于平台的建议,并非通用最低标准。Roll20 地图原画指南

第 3 节

3. 导出为 VTT 支持的格式

对于带有绘制纹理的精细地图,WebP 可以在保留较好视觉质量的同时减小文件大小。Foundry 支持 WebP,并因其在质量与文件大小之间的良好平衡而推荐使用;其文档还指出 WebP 解码会占用更多客户端处理资源。JPEG 是大型不透明原画的另一种选择,但有损压缩可能会引入可见的噪点瑕疵。PNG 可以在不使用有损压缩的情况下保留图像数据,但大型场景背景的传输可能会变得十分缓慢。在做出选择之前,请在玩家将使用的缩放级别下对比导出效果。Foundry 媒体优化指南

请查看目标平台支持的格式,而不是假定所有 VTT 都接受相同的文件。Roll20 的桌面概述中列出了用于桌面的 JPG 和 PNG 图像格式,而 Foundry 支持包括 WebP 在内的更广泛的格式。因此,适合 Foundry 的 WebP 文件在 Roll20 中可能需要导出为 JPG 或 PNG 格式。Roll20 桌面概述

第 4 节

4. 保持地图与网格同步

对于没有可见网格的地图,请保留预期尺寸并设置 VTT 的网格以进行匹配。在 Foundry 中,选择场景背景会自动根据图像设置场景尺寸;请在添加墙壁、光源、Token 或其他定位元素之前配置好网格大小。Foundry 指出,稍后更改网格大小可能会导致这些元素发生偏移。Foundry 场景指南

对于预先绘制好网格的地图,数出方格数量,并用图像宽度或高度除以相应的格数。例如,一张宽 3,080 像素、有 22 列的地图,算下来每列为 140 像素。垂直方向的计算也需要检查:如果宽度和高度计算出的每格像素大小不同,则图像可能已被拉伸、裁剪,或者使用的是非正方形网格。Foundry 提供了“网格对齐工具”(Grid Alignment Tool),用于将其覆盖网格与可见网格拟合;Roll20 则为确切尺寸或裁剪不明确的地图提供了“对齐网格”(Align to Grid)工具。Foundry 场景指南、Roll20 放置与对齐地图指南

第 5 节

5. 在添加细节之前上传并设置场景

为地图新建一个场景或页面,上传导出的文件,并使场景或页面尺寸与图像的可游玩区域相匹配。在 Foundry 中,在场景配置中检查背景路径和图像尺寸;如果您手动修改尺寸,请保持图像的纵横比。设置网格类型和大小,如果预印的网格需要微调,再调整对齐和偏移量。Foundry 的网格从图像的左上角开始,因此第一个方格前的边距可能需要进行对齐调整。

在 Roll20 中,将图像上传到地图图层(Map layer),然后使用“页面设置”(Page Settings)和图像的“设置尺寸”(Set Dimensions)选项来匹配预期的单位或像素大小。对于带网格的地图,其指南建议在将页面裁剪至原画尺寸之前,先将地图与桌面网格对齐。在移动或缩放时按住 Alt 键可绕过网格吸附。对齐无误后,锁定地图图像的位置,以免意外拖动破坏布局。Roll20 放置与对齐地图指南

在准备超大文件之前,请先检查您账户的上传限制。Roll20 的地图对齐文档列出免费用户的每个素材限制为 10 MB,Plus 和 Pro 订阅用户为 20 MB;限制可能会发生变动,因此如果上传失败,请查阅当前平台文档。如果文件超出了适用限制,请缩小像素尺寸或调整压缩设置,然后检查新导出的图像是否存在模糊或压缩瑕疵。

第 6 节

6. 在实际跑团比例下测试地图

在可行的情况下,以玩家身份或在单独的浏览器会话中打开场景。确认图像能够加载、完整的可游玩区域可见,并且 Token 能吸附到预期的格子上。对比中心和边缘附近的几个方格:如果网格在一个角落对齐但在其他地方发生偏移,可能意味着图像被拉伸或其网格不均匀。放大查看细节和标签,然后缩小以检查整体视图。

如果在 Foundry 中场景显示为黑屏,请检查背景图像尺寸对于硬件来说是否过大。灰色或空白背景也可能意味着 Foundry 找不到配置的图像路径。如果可以加载但网格偏移,请在绘制墙壁或放置其他场景细节之前更正网格大小或对齐方式;这些后续元素都依赖于场景的几何布局。为了确保跑团过程更稳定,如果原图在某位玩家的设备上加载缓慢或失败,请准备好较低分辨率的备用导出文件。

一张可靠的地图应当做到:其导出格式适合目标 VTT,其网格与原画对齐,且其文件能够在所有参团设备上顺利加载并保持清晰可读。请在地图文件旁记录最终的像素尺寸和网格比例,以便在将其迁移到其他场景或平台时能够重现相同的设置。

第 7 节

参考来源

相关阅读

继续探索这个主题