Meilleures pratiques pour les fichiers sur Roll20

29 août 2024 15:55

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:

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".

Les fichiers OGG ont une taille de fichier moyenne et constituent un type de stockage efficace. Il y a une légère réduction de la qualité audio, mais cela est peu probablement perceptible pour la plupart des utilisateurs.

Les fichiers FLAC fournissent une qualité audio sans perte, ce qui se traduit par une qualité audio supérieure. Cependant, les fichiers audio FLAC sont très volumineux et nécessiteront plus de temps pour être traités. De plus, les fichiers seront rééchantillonnés pour être utilisés dans le VTT.

Les fichiers WAV peuvent également être téléchargés sur Roll20. Les fichiers WAV, tout comme les fichiers FLAC, sont sans perte et consomment plus d'espace de stockage. Cependant, les WAV sont des fichiers audio bruts qui ne bénéficient pas des progrès technologiques des deux dernières décennies.

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

Les fichiers GIF conviennent à l'art pixelisé, offrent un contrôle de la palette des couleurs et les GIF animés peuvent être affichés sur le tableau virtuel de Roll20. Cependant, les fichiers GIF ne parviennent pas à reproduire les dégradés, sont limités à une palette de couleurs "indexée" de 256 couleurs et ne conviennent pas pour produire des images réalistes. Le type de fichier GIF est pratique si vous voulez juste une image d'objet simple avec découpe alisée, avec ou sans animation.
Taille du fichier : Petit
Peut-il être transparent? Oui
Peut-il être translucide? Non
Peut-il être animé? Oui

Les fichiers PNG offrent une compression sans perte, ce qui garantit des images de haute qualité. Cependant, la taille du fichier augmente de manière significative lors de l'utilisation d'un canal alpha étendu, et les fichiers PNG plus grands utilisent beaucoup de ressources système. Le format PNG est idéal pour les dessins solides et les images comportant de grandes surfaces de couleur identique. Les PNG peuvent également être utilisés pour les objets symboliques ou les images nécessitant de la transparence, mais les fichiers PNG animés ne sont pas pris en charge. Les fichiers PNG sont plus flexibles que les GIF, ce qui peut entraîner des tailles de fichier plus grandes même pour des images visuellement similaires.
Taille du fichier : Grand
Peut-il être transparent ? Oui
Peut-il être translucide ? Oui
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 :

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

Les fichiers MP4 sont en réalité des formats de fichiers vidéo, ce qui se traduit par une meilleure expérience. La transparence (appelée un canal Alpha) n'est pas prise en charge par ce type de fichier. Les cartes et arrière-plans animés fonctionnent bien avec ce type de fichier. Une fois téléchargés sur Roll20, ces fichiers ne conserveront pas le son du fichier d'origine. Le format MP4 ne dispose pas d'options de transparence et peut subir une réduction de qualité avec une compression importante. Pour les animations, les fichiers MP4 seront plus disponibles, mais convertir les fichiers MP4 en WEBM réduira le temps nécessaire pour mettre vos fichiers sur Roll20.
Taille du fichier : Grande, meilleure efficacité
Peut-il être transparent ? Non
Peut-il être translucide ? Non

WEBM est conçu pour être utilisé sur le web. Prend en charge la transparence et la translucidité (avec un canal Alpha sur 8 bits). Les fichiers WEBM offrent autant de qualité que les fichiers MP4, mais dans une taille beaucoup plus petite. Le principal inconvénient est que ce type de fichier n'est pas aussi universel que le MP4 ou le GIF.
Taille du fichier : Petite, très efficace
Peut-il être transparent ? Oui
Peut-il être translucide ? Oui

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.