Cara Menyiapkan Gambar Peta Berukuran Besar agar Andal Digunakan di Virtual Tabletop

Mulailah dengan mencatat jenis kisi yang diinginkan pada peta, jumlah kolom dan baris, serta apakah gambar tersebut sudah memiliki kisi bawaan. Untuk peta pertempuran (battle map) berkisi persegi, pilih ukuran piksel per persegi dan kalikan dengan jumlah kisi. Sebagai contoh, peta berukuran 30 kolom kali 20 baris dengan 100 piksel per persegi memiliki ukuran 3.000 × 2.000 piksel. Perhitungan ini memberi Anda target ukuran ekspor dan memudahkan Anda menemukan pemotongan (cropping) atau peregangan yang tidak disengaja.

Panduan Foundry menggunakan 100 piksel per persegi sebagai acuan praktis dan menyarankan petak kisi utuh, dengan kisi yang pas sejajar hingga ke tepi gambar. Oleh karena itu, latar belakang berukuran 3.000 × 2.000 piksel pada 100 piksel per persegi harus memuat 30 kolom dan 20 baris. Metadata DPI/PPI tidak memengaruhi rendering adegan di Foundry. Panduan Gaya Pembuatan Konten Foundry

Jika peta memiliki batas dekoratif, margin kosong, atau persegi yang terpotong sebagian, tentukan apakah bagian-bagian tersebut termasuk dalam area bermain. Batas dekoratif bisa menarik secara visual, tetapi persegi parsial di tepi gambar akan mempersulit pencocokan kisi otomatis. Simpan file karya seni asli agar Anda dapat memotong ulang atau mengubah ukuran tanpa merusak satu-satunya salinan yang ada.

Piksel yang lebih banyak dapat mempertahankan detail saat pemain memperbesar tampilan (zoom in), tetapi gambar yang terlalu besar membutuhkan waktu transfer lebih lama dan dapat melampaui batas rendering perangkat. Foundry melaporkan bahwa dimensi latar belakang yang sangat besar dapat memicu layar hitam, dengan batasan umum yang bervariasi bergantung pada perangkat keras: sekitar 8.000 piksel pada komputer lama dan 16.000 pada komputer baru. Foundry menyarankan untuk mempertimbangkan ukuran ekspor yang lebih rendah, seperti 100 piksel per persegi kisi. Anggap angka-angka tersebut sebagai peringatan, bukan jaminan bahwa setiap perangkat mampu menangani peta yang ukurannya tepat di bawah batas tersebut. Panduan pemecahan masalah pemuatan adegan Foundry

Gunakan ukuran ekspor terkecil yang masih terlihat jelas pada tingkat perbesaran yang dibutuhkan grup Anda. Jika pemain umumnya melihat battle map pada skala normal, kisi 100 piksel mungkin sudah memadai. Jika perbesaran jarak dekat penting, uji salinan beresolusi lebih tinggi pada perangkat dengan kemampuan terendah di grup jika memungkinkan. Panduan mitra Roll20 merekomendasikan 140 piksel per persegi untuk gambar peta berkisi persegi, yang dijelaskan sebagai dua kali skala sel kisi 70 piksel, guna mengurangi pikselasi yang terlihat saat melakukan zoom melebihi 100%. Ini adalah rekomendasi khusus platform, bukan standar minimum universal. Panduan Gambar Peta Roll20

Untuk peta mendetail dengan tekstur bergambar, WebP dapat mengurangi ukuran file sekaligus mempertahankan kualitas visual yang baik. Foundry mendukung WebP dan merekomendasikannya karena keseimbangan kualitas dan ukurannya; dokumentasinya juga mencatat bahwa dekode WebP menggunakan lebih banyak pemrosesan di sisi klien. JPEG adalah opsi lain untuk karya seni buram (opaque) berukuran besar, tetapi kompresi lossy dapat memunculkan artefak visual. PNG mempertahankan data gambar tanpa kompresi lossy, meskipun latar belakang adegan berukuran besar bisa menjadi berat untuk ditransfer. Bandingkan hasil ekspor pada tingkat zoom yang akan digunakan pemain sebelum menentukan pilihan. Panduan Optimasi Media Foundry

Periksa format yang didukung oleh platform tujuan daripada menganggap setiap VTT menerima file yang sama. Ikhtisar tabletop Roll20 mencantumkan format JPG dan PNG untuk gambar yang diletakkan di tabletop, sementara Foundry mendukung format yang lebih beragam termasuk WebP. Oleh karena itu, file WebP yang cocok untuk Foundry mungkin memerlukan ekspor JPG atau PNG untuk Roll20. Ikhtisar Tabletop Roll20

Untuk peta tanpa kisi visual, pertahankan dimensi yang diinginkan dan sesuaikan kisi VTT agar cocok. Di Foundry, memilih latar belakang adegan akan secara otomatis mengatur dimensi adegan dari gambar tersebut; konfigurasikan ukuran kisi sebelum menambahkan dinding, pencahayaan, token, atau elemen berposisi lainnya. Foundry mencatat bahwa mengubah ukuran kisi di kemudian hari dapat menggeser elemen-elemen tersebut. Panduan Adegan Foundry

Untuk peta dengan kisi bawaan, hitung jumlah perseginya dan bagi lebar atau tinggi gambar dengan jumlah petak yang bersangkutan. Peta selebar 3.080 piksel dengan 22 kolom menghasilkan 140 piksel per kolom. Periksa juga perhitungan vertikalnya: jika lebar dan tinggi menghasilkan ukuran piksel per persegi yang berbeda, gambar tersebut mungkin mengalami peregangan, terpotong, atau menggunakan kisi bukan persegi. Foundry menyediakan Grid Alignment Tool untuk menyesuaikan overlay-nya ke kisi visual; Roll20 menyediakan fitur Align to Grid untuk peta yang dimensi pastinya atau hasil pemotongannya kurang jelas. Panduan Adegan Foundry, Panduan Menempatkan dan Menyelaraskan Peta Roll20

Buat adegan atau halaman baru untuk peta tersebut, unggah file yang telah diekspor, dan sesuaikan dimensi adegan atau halaman dengan area bermain gambar. Di Foundry, periksa jalur latar belakang dan dimensi gambar dalam konfigurasi adegan; jika Anda mengganti dimensinya secara manual, pertahankan rasio aspek gambar tersebut. Atur jenis dan ukuran kisi, lalu sesuaikan perataan dan offset jika kisi cetak memerlukan penyesuaian mendetail. Kisi di Foundry berawal dari sudut kiri atas gambar, jadi margin sebelum persegi pertama mungkin memerlukan penyesuaian perataan.

Di Roll20, unggah gambar ke layer Map, lalu gunakan Page Settings dan opsi Set Dimensions pada gambar untuk mencocokkan satuan atau ukuran piksel yang diinginkan. Untuk peta berkisi, panduannya menyarankan untuk menyelaraskan peta ke kisi tabletop sebelum memangkas halaman sesuai ukuran gambar. Tahan tombol Alt saat menggeser atau mengubah skala untuk mengabaikan fitur grid snapping. Setelah perataan tepat, kunci posisi gambar peta agar seretan yang tidak disengaja tidak mengacaukannya. Panduan Menempatkan dan Menyelaraskan Peta Roll20

Periksa batas unggahan untuk akun Anda sebelum menyiapkan file yang sangat besar. Dokumentasi penyelarasan peta Roll20 mencantumkan batas 10 MB per aset untuk pengguna gratis dan 20 MB untuk pelanggan Plus serta Pro; batasan ini dapat berubah, jadi periksa dokumentasi platform terbaru jika proses unggah gagal. Jika ukuran file melebihi batas yang berlaku, kurangi dimensi piksel atau sesuaikan kompresi, lalu periksa hasil ekspor baru untuk melihat apakah ada keburaman atau artefak kompresi.

Buka adegan sebagai pemain atau dalam sesi peramban terpisah jika memungkinkan. Pastikan gambar berhasil dimuat, seluruh area bermain terlihat, dan token pas menempati ruang yang diinginkan. Bandingkan beberapa persegi di dekat bagian tengah dan tepian: kisi yang sejajar di satu sudut tetapi bergeser di bagian lain mungkin menandakan bahwa gambar meregang atau kisinya tidak rata. Perbesar pada detail kecil dan label teks, lalu perkecil untuk memeriksa tampilan secara keseluruhan.

Jika adegan menampilkan layar hitam di Foundry, periksa apakah dimensi gambar latar belakang terlalu besar untuk perangkat keras yang digunakan. Latar belakang berwarna abu-abu atau kosong juga dapat menandakan bahwa Foundry tidak dapat menemukan jalur gambar yang dikonfigurasi. Jika gambar berhasil dimuat tetapi kisinya meleset, perbaiki ukuran kisi atau perataannya sebelum membuat dinding atau menempatkan detail adegan lainnya; elemen-elemen selanjutnya bergantung pada geometri adegan tersebut. Demi sesi yang lebih lancar, siapkan ekspor beresolusi lebih rendah untuk berjaga-jaga jika file asli terbukti lambat atau gagal dimuat pada perangkat milik salah satu pemain.

Peta yang andal adalah peta yang hasil ekspornya sesuai dengan VTT tujuan, kisinya cocok dengan gambar, serta filenya dapat dimuat dan tetap terbaca dengan jelas di perangkat seluruh pemain di meja. Catat dimensi piksel akhir dan skala kisi di samping file peta Anda agar Anda dapat membuat ulang konfigurasi tersebut jika dipindahkan ke adegan atau platform lain.

• Scenes — Foundry Virtual Tabletop

• Content Creation Style Guide — Foundry Virtual Tabletop

• Troubleshooting Scene Loading Issues — Foundry Virtual Tabletop

• Media Optimization Guide — Foundry Virtual Tabletop

• Tabletop Overview — Roll20 Help Center

• Map Art Guidelines — Roll20 Partners

• Placing and Aligning Maps — Roll20 Partners