Meilleures pratiques pour les fichiers sur Roll20

Ce document décrit plusieurs pratiques qui garantiront une expérience Roll20 optimale. En suivant ce guide, vous pouvez réduire le temps de chargement de l'image, utiliser facilement vos propres fichiers sur Roll20 et vous assurer que vos fichiers offrent une qualité et des performances optimales.

Comparaison des niveaux d'abonnement

En utilisant un compte gratuit , vous disposez de 100 Mo d'espace sur Roll20 à utiliser pour les cartes, la musique et d'autres ressources, chaque ressource ayant une taille de fichier totale de 10Mo. Aux niveaux d'abonnement payants, la limite de taille totale du fichier est de 20MB, avec des limites de stockage augmentées pour les utilisateurs Plus à 3GB de stockage total et les utilisateurs Pro à 8GB de stockage total.

Nous vous recommandons fortement de consulter le reste de la documentation sur cette page pour maximiser votre utilisation de l'espace ou envisagez de vous abonner pour une augmentation significative de la limite de stockage et de la taille maximale des fichiers. 


Fichiers audio

Roll20 prend maintenant en charge l'utilisation de votre musique sur la table virtuelle. Pour plus d'informations sur comment télécharger et utiliser vos propres fichiers, veuillez consulter notre documentation Jukebox.

Roll20 prend en charge quatre types de fichiers audio : MP3, OGG, FLAC et WAV, avec une taille de téléchargement maximale de 20MO chacun. Veuillez noter que tous les fichiers audio sont convertis en utilisant un codec Opus à un débit de 96kHz , quelle que soit leur format.

Examinons maintenant les différences entre ces types de fichiers, car ils offrent tous des avantages et des inconvénients:  

MP3 OGG FLAC WAV
Les fichiers MP3 ont une taille de fichier très petite, ce qui signifie un temps de traitement plus court. Cependant, cela signifie également une qualité audio inférieure, avec parfois un son "métallique" ou "numérique".

Images et Animations

Images adaptées au web par rapport aux images pour l'impression

Si vous jouez à partir d'un pack d'aventure commercial, il y a de fortes chances que vous travailliez à partir d'un fichier PDF. Pour que les graphiques soient lisibles et nets à l'impression, la résolution de l'image, ou DPI (Dots per inch - points par pouce), doit être assez élevée, au moins 300 DPI pour la plupart des PDF de qualité d'impression. Une résolution DPI (points par pouce) plus élevée entraîne des tailles de fichiers d'image plus grandes et met plus de pression sur le processeur pour afficher l'image. Cela signifie que les cartes, les portraits de personnages et les aides de jeu provenant de PDF commerciaux vont avoir des tailles de fichiers plus grandes que nécessaires pour un jeu Roll20. TL/DR : Si vous glissez simplement ces actifs dans votre jeu, ils occuperont votre espace de stockage.

Si vous souhaitez que les images s'exécutent en douceur dans Roll20, nous recommandons de maintenir la résolution des images basse. Une résolution comprise entre 70 et 150 DPI devrait être suffisante pour vos images de jeu. Cela peut être réalisé en ajustant la résolution à l'aide d'un logiciel de retouche d'image. Nous proposons également des ressources optimisées sur notre marché Roll20.

Types de fichiers

Fichiers image

Les trois types de fichiers image disponibles qui peuvent être importés et utilisés dans Roll20 sont JPG, GIF et PNG. La taille maximale de téléchargement est de 10 Mo pour les utilisateurs gratuits et de 20 Mo pour les utilisateurs Pro et Plus.

Comparons les formats de fichier entre eux :

JPEG GIF PNG
JPEG est le type de fichier image préféré de Roll20. Les fichiers JPEG offrent des dégradés lissés et une taille de fichier réduite. Cependant, il n'y a pas d'options de transparence et la qualité peut en pâtir lorsque le JPEG est fortement compressé. Si vous avez des graphiques qui n'exigent pas de transparence ou de translucidité, utilisez les fichiers image JPG.
Taille du fichier : Moyen
Peut-il être transparent? Non
Peut-il être translucide? Non
Peut-il être animé? Non

Astuce : Si votre logiciel le permet, vous pouvez peut-être changer votre image de « couleur plein » ou « RVB » en « palette » ou « indexée ». Cette dernière option dispose d'un nombre limité (généralement 256) de couleurs et est le seul format pris en charge par les GIF. C'est pourquoi les fichiers GIF sont plus petits. Les fichiers PNG utilisant le même type de palette auront à peu près la même taille que les images GIF. Comparés aux GIF, la plupart des fichiers PNG sont au format RVB, stockant plus de données par pixel et entraînant des tailles de fichier plus grandes. Cependant, cela préserve davantage l'intégrité de l'image.

Fichiers d'Animation

Pour les fichiers animés sur Roll20, nous prenons en charge trois types de fichiers : GIF, mp4 et webm. La taille de téléchargement maximale est de 10 Mo pour les utilisateurs gratuits et de 20 Mo pour les utilisateurs Pro et Plus. 

Comparons les formats de fichiers animés entre eux :

GIF MP4 WEBM
Les fichiers GIF, comme indiqué dans la section image ci-dessus, permettent de contrôler la palette lors de la création, ils sont parfaits pour le pixel art, et les GIF animés s'animeront sur la table virtuelle de Roll20. Cependant, les fichiers GIF sont mauvais pour reproduire les dégradés, sont limités à une palette de 256 couleurs et ne conviennent pas pour produire des images réalistes. Parce qu'ils stockent plus de données par image d'animation que les autres formats, les animations de grande taille ne donnent pas de bons résultats.
Taille du fichier : Petite
Peut-elle être transparente ? Oui
Peut-il être translucide ? Non

Conseil: Pour une superposition de carte translucide de grande taille, réduisez la résolution de l'image au paramétrage le plus bas possible, dimensionnez uniformément les dimensions de l'image à une taille inférieure à celle requise, puis agrandissez-la après le téléchargement sur Roll20.

Travailler avec l'Espace d'Écran

Lorsqu'un MJ distribue des documents à ses joueurs autour d'une table physique, l'élément est généralement écrit ou imprimé sur du papier en format portrait. Sur une tablette, une personne peut simplement retourner l'écran, que ce soit pour un graphique en format portrait ou paysage. Il est impossible d'inverser l'écran sur un écran d'ordinateur. Lorsque vous souhaitez créer des documents ou des écrans de présentation à utiliser sur Roll20, gardez à l'esprit que l'utilisateur moyen travaille souvent sur un moniteur panoramique à résolution d'écran fixe. Vous voulez créer et planifier des documents et des écrans de présentation qui s'affichent correctement sur l'écran de tous les utilisateurs. Au lieu de penser en mode portrait/vertical, optez pour l'orientation paysage/horizontale pour les notes, les lettres, les images ou tout autre élément qui ne sera pas une carte de jeu de table.

Concernant la résolution de l'écran, ayez une idée de ce que vos joueurs utilisent. Travaillent-ils sur des postes de travail ? Des tablettes ? Laptops? Trouvez un compromis entre la résolution de l'écran et ajustez la taille de vos graphiques en conséquence pour éviter de forcer les autres à ajuster leurs paramètres de zoom afin de visualiser vos images. Websites like w3schools.com keep yearly tallies of the average screen resolution over the years if you need a generic design guide.

Dimensions de l'image pour Roll20

Voici les dimensions spécifiques de Roll20 pour certains éléments graphiques.

Dimensions de l'image

Élément d'interface utilisateur Largeur en pixels Hauteur en pixels
Case de la grille 70px 70px
Hexagone Vertical ⬢ 81px 94px
Hexagone Horizontal ⬣ 94 px 81px
Taille maximale du portrait de personnage 250px Aucune contrainte de hauteur
Icône des détails du jeu 300px 512px
Tableaux déroulants (Chat textuel) 30px 30px

* La grille hexagonale est dessinée mathématiquement, de sorte que la hauteur et la largeur d'un pixel pour une unité hexagonale est une approximation.

Images des jetons

En raison de leur petite taille, les images de jeton sont mieux adaptées aux formats PNG pour une meilleure qualité. Les fichiers PNG offrent également la transparence. Si vous n'utilisez pas une grille carrée ou hexagonale pour le mouvement des jetons, vous n'avez pas besoin de vous préoccuper des dimensions réelles de l'image. Si vous êtes en utilisant une grille, vous devrez cependant vous assurer que votre image a suffisamment d'espace transparent. La raison en est que lorsqu'une image est déposée sur une table quadrillée, Roll20 déforme les dimensions de l'image pour qu'elle s'inscrive au mieux dans une seule unité de la grille. Ce processus peut modifier les proportions de votre image. Par exemple, si vous utilisez des jetons qui remplissent un espace d'unité de 1 x 1, 2 x 2 ou 3 x 3, vous devez vous assurer que les dimensions finales de l'image sont identiques en hauteur et en largeur. Si vous avez un jeton oblong, vous devrez vous assurer que la dimension finale de la largeur ou de la hauteur est exactement le double de ou peut-être le triple de l'autre.

Problèmes courants :

"Pourquoi Roll20 met-il une éternité à effectuer un zoom ou un panoramique sur une carte ? OU "Lorsque j'essaie de zoomer au-delà de 100 %, ma carte disparaît". OU "Les images prennent beaucoup de temps à apparaître pour certains ou tous mes joueurs".

Cela est généralement dû à la taille du fichier de n'importe quelle image dans un jeu. Vérifiez la taille du fichier des images que vous utilisez pour votre jeu. Si une image dépasse 1 Mo, nous vous recommandons de vérifier et de réduire sa résolution à l'aide d'un logiciel de retouche d'image. De plus, assurez-vous d'utiliser le bon type de fichier pour minimiser la taille du fichier. N'utilisez les PNG que si vous avez besoin de transparences.

« Mes joueurs ont du mal à lire ma note écrite à la main, pourquoi l'aperçu est-il si petit ? »

Gardez à l'esprit les limites de l'écran du joueur lorsque vous créez des documents à distribuer. Essayez d'utiliser au maximum l'espace d'écran disponible. Cela signifie normalement concevoir des éléments qui sont plus larges que hauts afin de mieux s'adapter à un écran large.

« Quand j'ai déposé mon image de jeton sur la table, les dimensions de l'image ont été complètement déformées. »

Assurez-vous d'ajouter une marge autour de vos graphiques de jeton pour les rendre carrés ou pour les aligner correctement sur la grille. Ceci est important si l'image que vous utilisez pour votre jeton ne contient pas suffisamment de marge. Par exemple, pour une créature qui doit occuper une zone de grille de 2x1, assurez-vous qu'une dimension de l'image est agrandie pour être exactement le double de l'autre. Cela garantira que les proportions de votre image sont conservées et que vous pourrez afficher l'image comme prévu sur la grille.

 
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 164 sur 248