Linee guida per i file su Roll20

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. A partire dalla fine di febbraio 2024, la dimensione massima di upload è di 20MB per gli utenti Free, 50MB per gli utenti Plus e 100MB per gli utenti Pro. 

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. A partire dalla fine di febbraio 2024, la dimensione massima di upload è di 20MB per gli utenti Free, 50MB per gli utenti Plus e 100MB per gli utenti Pro. 

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ì  

A partire da marzo 2025, Roll20 ha rilasciato un aggiornamento del processo di caricamento dei grafici che dovrebbe portare a caricamenti più rapidi ed efficienti.

In precedenza, il suo browser doveva gestire la transcodifica utilizzando JavaScript (un processo inefficiente e pesante per la CPU), che rallentava notevolmente il processo e la sua macchina. Ora abbiamo spostato questo lavoro su server dedicati che elaborano più rapidamente senza appesantire la sua macchina. I vantaggi di questo aggiornamento includono:

• Caricamenti drasticamente più veloci: i file di grandi dimensioni che prima richiedevano ore per essere completati, ora vengono completati in pochi minuti. I nostri test hanno indicato una riduzione media del tempo di caricamento del 76% su una varietà di file animati, con alcuni che hanno raggiunto il 98% di velocità in più, e molti file che prima non venivano completati, ora riescono in una media di quattro minuti.
• Qualità dell'animazione più elevata: riduzione della pixelatura e riproduzione più fluida
• Riduzione del rallentamento: particolarmente evidente sulle macchine che in precedenza non avevano la potenza necessaria per la transcodifica, il trasferimento di questo processo sui nostri server libera la sua macchina per altre attività.

Domande frequenti

• D: Questo aggiornamento influirà sulle animazioni esistenti precedentemente caricate nelle mie campagne?
  No. Per usufruire degli aggiornamenti, le risorse dovranno essere ricaricate.
• D: Gli aggiornamenti del caricamento delle animazioni riguardano tutte le dimensioni dei file?
  Sì, ma i miglioramenti delle prestazioni saranno più evidenti con i file di animazione più grandi.
• D: Questo avrà un impatto sulle attività animate acquistate da Roll20 Marketplace o donate attraverso Roll20 Reserve?
  No. Questi aggiornamenti si applicano agli asset animati che lei carica direttamente nelle sue campagne.
• D: Potrebbero esserci casi in cui la qualità o le prestazioni dell'animazione sono peggiori rispetto a prima?
  Non è una nostra aspettativa o esperienza di test. Se riscontra dei problemi, ci faccia sapere. Abbiamo in programma di perfezionare le impostazioni nel tempo per ottenere prestazioni ancora migliori. Ad esempio, stiamo raccogliendo informazioni sui tipi di file comuni, sulle dimensioni delle animazioni e sui casi d'uso (come grafica o mappe) per ottimizzare la qualità, in modo simile a come gestiamo oggi le texture di illuminazione.
• D: Alcune animazioni potrebbero essere caricate più lentamente rispetto al vecchio processo?
  Per le GIF molto piccole, potrebbe notare un leggero ritardo di qualche secondo dovuto alla nuova coda di elaborazione lato server. Inoltre, il nuovo processo di caricamento mira a raggiungere una maggiore fedeltà e risoluzione dell'animazione per aumentarne la qualità, il che potrebbe avere un leggero impatto sui tempi di caricamento. Tuttavia, nella maggior parte dei casi e soprattutto per i file più grandi, il nuovo processo dovrebbe essere significativamente più veloce nel complesso.
• D: Ci sono altri fattori che possono influenzare il caricamento delle animazioni nel gioco?
  Sebbene il processo di caricamento sia ora più veloce ed efficiente, la velocità di internet e la larghezza di banda possono ancora influenzare le esperienze individuali. Le animazioni più grandi potrebbero richiedere più tempo per essere caricate completamente dai giocatori, a seconda del loro hardware e della loro connessione. Nei nostri test interni, i file da quasi 100 MB potevano impiegare 10-20 minuti per caricarsi completamente sulle connessioni 3G, causando potenziali interruzioni o immagini statiche da visualizzare durante questo periodo.
• D: Quali fattori incidono sul tempo di caricamento e qual è l'aspettativa ragionevole?
  La dimensione e la risoluzione dei file, la lunghezza e la complessità dell'animazione, la larghezza di banda del computer e la velocità di Internet possono incidere sul caricamento. Per le animazioni molto grandi (~90MB, alta risoluzione, effetti complessi), i caricamenti potrebbero richiedere 20+ minuti in rari casi. Tuttavia, la maggior parte dei caricamenti dovrebbe terminare entro 10 secondi e 5 minuti.
• D: Che cos'è la transcodifica e come influisce sulla mia archiviazione?
  La transcodifica è il processo di conversione dei file video in formati standardizzati ottimizzati per la visualizzazione sul tavolo virtuale. Utilizziamo lo standard industriale ffmpeg per garantire che le sue animazioni mantengano la loro qualità, migliorando al contempo le prestazioni di riproduzione, mantenendo la coerenza visiva (ad esempio mantenendo intatte le impostazioni di trasparenza) e minimizzando la variabilità dei tempi di caricamento. Poiché i diversi codec gestiscono la compressione in modo diverso, la transcodifica può talvolta ridurre le dimensioni del file, ma se il suo file originale è già altamente compresso, potrebbe aumentare le dimensioni. L'utilizzo dello spazio di archiviazione si basa sulla dimensione finale del file transcodificato, non sul caricamento originale.
• D: Posso modificare i miei file per ridurre l'utilizzo dello spazio di archiviazione?
  Sì, può ridurre la risoluzione delle sue animazioni prima di caricarle utilizzando strumenti come: ffmpeg, HandBrake o un software di editing video come Adobe Premiere Pro. Tuttavia, poiché l'archiviazione si basa sulle dimensioni del file transcodificato, non sull'originale (veda le domande precedenti), tenga presente che una compressione estrema potrebbe non avere un impatto significativo sullo spazio risparmiato dopo l'elaborazione.

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

* 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: