Linee guida per i file su Roll20

29 agosto 2024 15:55

Questo documento illustra diverse pratiche che garantiscono un'esperienza ottimale su Roll20. Seguendo questa linea guida, puoi ridurre il tempo di caricamento dell'immagine, utilizzare facilmente i tuoi file su Roll20 e assicurarti che i tuoi file offrano la qualità e le prestazioni ottimali.

Confronto tra i livelli di abbonamento

Utilizzando un account gratuito , hai 100MB di spazio su Roll20 da utilizzare per mappe, musica e altri asset, con ogni asset che ha una dimensione totale del file di 10MB. Ai livelli di abbonamento a pagamento, il limite di dimensione totale dei file è 20MB, con limiti di archiviazione aumentati per gli utenti Plus a 3GB di archiviazione totale, e per gli utenti Pro a 8GB di archiviazione totale.

Consigliamo vivamente di rivedere il resto della documentazione in questa pagina per massimizzare l'utilizzo dello spazio o considerare l'iscrizione per un significativo aumento del limite di archiviazione e della dimensione massima dell'elemento.

File audio

Roll20 supporta ora l'utilizzo della tua musica sul tavolo virtuale. Per maggiori informazioni su come caricare e utilizzare i propri file, faccia riferimento alla documentazione diJukebox.

Roll20 supporta quattro tipi di file audio: MP3, OGG, FLAC e WAV, con un limite di dimensione di caricamento di 20MB per ogni upload. Tenga presente che tutto l'audio viene convertito utilizzando un codec Opus ad un bitrate di 96kHzindipendentemente dal formato.

Diamo un'occhiata alle differenze di questi tipi di file, poiché tutti offrono vantaggi e svantaggi:

I file MP3 hanno una dimensione molto piccola, il che significa un tempo di elaborazione più breve. Tuttavia, ciò comporta anche una qualità audio inferiore, con un tono a volte "metallico" o "digitale".

I file OGG hanno una dimensione media e sono un tipo di archiviazione efficiente. C'è una leggera riduzione della qualità audio, ma probabilmente non sarà notata dalla maggior parte degli utenti.

I file FLAC garantiscono la qualità audio senza perdite, ottenendo un audio di qualità superiore. Tuttavia, i file audio FLAC sono molto grandi e richiedono più tempo per essere elaborati. Inoltre, i file verranno ridotti per l'utilizzo nel VTT.

Anche i file WAV possono essere caricati su Roll20. I file WAV, simili ai file FLAC, sono senza perdite e occupano più spazio di archiviazione. Tuttavia, i WAV sono file audio non elaborati che non beneficiano degli avanzamenti tecnologici degli ultimi due decenni.

Immagini e Animazioni

Immagini Web-Friendly vs. Stampa

Se stai giocando da un pacchetto avventura commerciale, c'è una grande possibilità che tu stia lavorando su un file PDF. Affinché la grafica sia leggibile e nitida per la stampa, la risoluzione dell'immagine, o DPI (Dots per inch), deve essere mantenuta piuttosto alta, almeno 300 DPI per la maggior parte dei PDF di qualità di stampa. Una maggiore DPI (punti per pollice) comporta dimensioni di file immagine più grandi e mette più tensione sul processore per visualizzare l'immagine. Questo significa che le mappe, i ritratti dei personaggi e i materiali didattici dai PDF commerciali avranno dimensioni di file più grandi del necessario per una partita su Roll20. TL/DR: se trascina queste risorse nel suo gioco, consumerà il suo spazio di archiviazione.

Se vuoi che le immagini funzionino senza intoppi su Roll20, ti consigliamo di mantenere bassa la risoluzione delle immagini. Un intervallo tra 70-150 DPI dovrebbe essere adeguato per le immagini del tuo gioco. Questo può essere ottenuto regolando la risoluzione utilizzando un software di editing delle immagini. Offriamo anche elementi ottimizzati attraverso il nostro Marketplace di Roll20.

Tipi di file

File immagine

I tre tipi di file immagine disponibili che possono essere importati e utilizzati in Roll20 sono JPG, GIF e PNG. La dimensione massima di caricamento è di 10 MB per gli utenti Free e 20 MB per gli utenti Pro e Plus.

Confrontiamo i formati dei file tra loro:

JPEG è il tipo di file immagine preferito da Roll20. I file JPEG offrono sfumature uniformi e dimensioni ridotte. Tuttavia, non sono disponibili opzioni di trasparenza e la qualità può risentirne quando un JPEG è compresso pesantemente. Se hai grafiche che non richiedono alcuna trasparenza o traslucenza, usa file di immagine JPG.
Dimensione file: Media
Può essere trasparente? No
Può essere traslucido? No
Può essere animato? No

I file GIF sono adatti per l'arte pixel, offrono il controllo dei campioni di palette e i GIF animati possono essere visualizzati sul tabletop virtuale di Roll20. Tuttavia, i file GIF non sono adatti a riprodurre sfumature, sono limitati a una palette di colori “indicizzata” di 256 e non sono adatti per produrre immagini realistiche. Il tipo di file GIF è pratico se si desidera solo una semplice immagine ritagliata con alias per gli oggetti di token, con o senza animazione.
Dimensione file: Piccola
Può essere trasparente? Sì
Può essere traslucido? No
Può essere animato? Sì

I file PNG offrono una compressione senza perdita, che produce immagini di alta qualità. Tuttavia, la dimensione del file aumenta in modo significativo quando si utilizza un lavoro di canale alfa esteso e i file PNG più grandi utilizzano molte risorse di sistema. PNG è un formato ideale per disegni solidi e immagini con ampie zone del medesimo colore. I PNG possono anche funzionare per oggetti di token o immagini che richiedono trasparenza, ma non supportano i file PNG animati. Le PNG sono più flessibili dei GIF, il che può comportare dimensioni dei file più grandi anche per immagini visivamente simili.
Dimensione del file: Grande
Può essere trasparente? Sì
Può essere semitrasparente? Sì
Può animarsi? No

Suggerimento: Se il tuo software lo consente, potresti essere in grado di cambiare la tua immagine da "a colori pieni" o "RGB" a "tavolozza" o "indicizzata". L'opzione successiva ha un numero limitato (di solito 256) di colori ed è l'unico formato supportato dai GIF. Per questo motivo i file GIF sono più piccoli. I file PNG che utilizzano lo stesso tipo di tavolozza saranno approssimativamente delle stesse dimensioni delle immagini GIF. Rispetto ai GIF, la maggior parte dei file PNG è nel formato RGB, memorizzando più dati per pixel e risultando in dimensioni dei file più grandi. Tuttavia, ciò preserva l'integrità dell'immagine in misura maggiore.

File di Animazione

Per i file animati su Roll20, supportiamo tre tipi di file: GIF, mp4 e webm. La dimensione massima di caricamento è di 10 MB per gli utenti gratuiti e di 20 MB per gli utenti Pro e Plus.

Confrontiamo i formati di file animati tra loro:

I file GIF, come indicato nella sezione immagine precedente, offrono un controllo sulla tavolozza di colori alla creazione, sono ottimi per l'arte dei pixel e le GIF animate si animano sul tavolo virtuale di Roll20. Tuttavia, i file GIF hanno una scarsa capacità di riprodurre gradienti, sono limitati a una tavolozza di 256 colori e non sono adatti per la produzione di immagini realistiche. Poiché memorizzano più dati per frame di animazione rispetto ad altri formati, le grandi animazioni hanno prestazioni scadenti.
  Dimensioni file:   Piccolo
  Può essere trasparente?   Sì
  Può essere semitrasparente?   No

I file MP4 in realtà sono formati di file video, che si traducono in un'esperienza migliore. La trasparenza (chiamata canale Alpha) non è supportata da questo tipo di file. Le mappe e gli sfondi animati funzionano bene in questo tipo di file. Una volta caricati su Roll20, questi file non conserveranno l'audio dal file originale. Il formato MP4 non supporta le opzioni di trasparenza e potrebbe subire una riduzione della qualità con una forte compressione. Per le animazioni, i file MP4 saranno più disponibili, ma convertendo gli MP4 in WEBM si ridurrà il tempo necessario per mettere i tuoi file su Roll20.
Dimensione del file: Grande, migliore efficienza
Può essere trasparente? No
Può essere traslucido? No

WEBM è progettato per l'uso sul web. Supporta la trasparenza e la traslucenza (con canale Alpha a 8 bit). I file WEBM offrono la stessa qualità dei file MP4 ma occupano molto meno spazio. Lo svantaggio principale è che questo tipo di file non è tanto universale quanto MP4 o GIF.
Dimensione del file: Piccola, molto efficiente
Può essere trasparente? Sì
Può essere traslucido? Sì

Suggerimento: Per sovrapposizioni di mappe traslucide di grandi dimensioni, riduci la risoluzione dell'immagine al valore più basso possibile, ridimensiona uniformemente le dimensioni dell'immagine a una dimensione inferiore a quella necessaria e ingrandiscila dopo il caricamento su Roll20.

Lavorare con lo Spazio dello Schermo

Quando un GM distribuisce documenti ai propri giocatori intorno a un tavolo fisico, generalmente l'oggetto è scritto o stampato su carta orientata in verticale. Su un tablet, una persona può semplicemente girare lo schermo sia che si tratti di una grafica in verticale o orizzontale. Non è possibile ruotare uno schermo su un monitor del computer. Quando vuoi creare materiale di gioco o schermi di presentazione da utilizzare in Roll20, ricorda che l'utente medio spesso lavora su un monitor con una risoluzione dello schermo fissa e con un'ampia visualizzazione. Vuoi creare e pianificare materiale di gioco e schermi di presentazione che si adattino bene allo schermo degli utenti. Invece di pensare in verticale, optare per l'orientamento orizzontale per appunti, lettere, immagini o qualsiasi altra cosa che non sarà una mappa da tavolo.

Riguardo alla risoluzione dello schermo, fatti un'idea di ciò che i tuoi giocatori stanno utilizzando. Stanno lavorando su postazioni desktop? Tablet? Laptops? Trova un compromesso tra la risoluzione dello schermo e regola le dimensioni delle tue grafiche di conseguenza per evitare di obbligare gli altri a regolare le impostazioni dello zoom per visualizzare le tue immagini. Websites like w3schools.com keep yearly tallies of the average screen resolution over the years if you need a generic design guide.

Dimensioni immagine di Roll20

Ecco le dimensioni specifiche di Roll20 per certi elementi grafici.

Dimensioni immagine

Elemento UI	Larghezza pixel	Altezza pixel
Quadrato della griglia	70px	70px
Esagono Verticale ⬢	81px	94px
Esagono Orizzontale ⬣	94px	81px
Dimensione Massima Ritratto	250px	Nessun Vincolo di Altezza
Icona Dettagli del Gioco	300px	512px
Immagini Tavolo Rollabile (Chat Testuale)	30px	30px

* La griglia esagonale è disegnata in modo matematico, quindi l'altezza e la larghezza in pixel per un singolo unità esagonale è approssimativa

Immagini Token

A causa delle loro dimensioni ridotte, le immagini dei token sono più adatte ai formati PNG per la migliore qualità. Inoltre, i PNG offrono la trasparenza. Se non stai utilizzando una griglia quadrata o esagonale per il movimento dei token, non devi preoccuparti delle dimensioni effettive dell'immagine. Se è utilizzando una griglia, tuttavia, dovrà assicurarsi che la sua immagine abbia un padding trasparente sufficiente. Il motivo per farlo è che quando un'immagine viene rilasciata su un tavolo a griglia, Roll20 deformera le dimensioni dell'immagine per adattarsi al meglio all'interno di una singola unità della griglia. Questo processo potrebbe modificare le proporzioni dell'immagine. Ad esempio, se stai usando token che occupano uno spazio di 1 x 1, 2 x 2 o 3 x 3 unità, vorrai assicurarti che le dimensioni finali dell'immagine siano uguali sia per l'altezza che per la larghezza. Se ha un token oblungo, vorrà assicurarsi che la dimensione finale della larghezza o dell'altezza sia esattamente doppia o forse tripla dell'altra.

Problemi Comuni:

“Perché ci vuole un'eternità a Roll20 per fare zoom o spostarsi su una mappa?" OR “Quando provo a fare zoom oltre il 100%, la mia mappa scompare semplicemente.” OR “Le immagini stanno impiegando un'eternità per apparire per alcuni o tutti i miei giocatori.”

Questo è normalmente dovuto alle dimensioni del file di una qualsiasi immagine in un gioco. Controlli le dimensioni dei file delle immagini che sta utilizzando per il suo gioco. Se un'immagine supera la dimensione di 1 MB, le consigliamo di controllare e ridurre la risoluzione dell'immagine utilizzando un software di editing di immagini. Inoltre, si assicuri di utilizzare il tipo di file giusto per ridurre al minimo le dimensioni del file. Utilizza solo file PNG quando hai bisogno di trasparenza.

I miei giocatori hanno difficoltà a leggere la mia annotazione scritta a mano. Perché l'anteprima sembra così piccola?

Tenga presente i limiti dello schermo del giocatore quando crea le dispense. Cerca di sfruttare al massimo lo spazio dello schermo disponibile. Questo significa normalmente progettare elementi che sono più larghi che alti per adattarli al meglio a un monitor widescreen.

Quando ho inserito l'immagine del mio token sul tavolo, le dimensioni dell'immagine si sono scomposte molto.

Si assicuri di aggiungere un padding intorno alla grafica dei token per renderli quadrati o per allinearli correttamente sulla griglia. Questo è importante se l'immagine che sta utilizzando per il suo token non ha un padding sufficiente. Ad esempio, per una creatura che vuole occupare un'area di griglia 2x1, si assicuri che una dimensione dell'immagine sia imbottita in modo da essere esattamente doppia dell'altra. In questo modo, le proporzioni della sua immagine saranno mantenute e potrà visualizzare l'immagine come previsto una volta sulla griglia.