Mejores prácticas para archivos en Roll20

29 de agosto de 2024 15:55

Este documento describe varias prácticas que garantizarán una experiencia óptima en Roll20. Siguiendo esta guía, puedes reducir el tiempo de carga de las imágenes, utilizar fácilmente tus propios archivos en Roll20 y asegurarte de que tus archivos ofrezcan una calidad y rendimiento óptimos.

Comparación de Niveles de Suscripción

Utilizando una cuenta Free , dispondrá de 100 MB de espacio en Roll20 para utilizar en mapas, música y otros activos, teniendo cada activo un tamaño total de archivo de 10MB. En los niveles de suscripción de pago, el límite de tamaño total de los archivos es de 20MB, con límites de almacenamiento aumentados para los usuarios de Plus a 3GB de almacenamiento total, y para los usuarios de Pro a 8GB de almacenamiento total.

Recomendamos encarecidamente revisar el resto de la documentación en esta página para maximizar el uso de su espacio o considerar suscribirse para un aumento significativo en el límite de almacenamiento y el tamaño máximo de los activos.

Archivos de Audio

Roll20 ahora admite el uso de tu propia música en la mesa de juego virtual. Para obtener más información sobre cómo cargar y utilizar tus propios archivos, consulta nuestra documentación sobre el reproductor de músicaJukebox.

Roll20 admite cuatro tipos de archivos de audio: MP3, OGG, FLAC y WAV, y todas las cargas de audio tienen un tamaño máximo de carga de 20MB cada uno. Tenga en cuenta que todo el audio se convierte utilizando un códec Opus a una velocidad de bits de 96kHz, independientemente del formato.

Veamos las diferencias entre estos tipos de archivos, ya que todos ofrecen ventajas y desventajas:

Los archivos MP3 tienen un tamaño de archivo muy pequeño, lo que significa un tiempo de procesamiento más corto. Sin embargo, esto también significa una menor calidad de audio, con un tono a veces "metálico" o "digital".

Los archivos OGG tienen un tamaño de archivo promedio y son un tipo de almacenamiento eficiente. Hay una ligera reducción en la calidad de audio, pero probablemente no sea perceptible para la mayoría de los usuarios.

Los archivos FLAC proporcionan una calidad de audio sin pérdidas, lo que se traduce en un audio de mayor calidad. Sin embargo, los archivos de audio FLAC son muy grandes y llevarán más tiempo procesarlos. Además, los archivos se reducirán para su uso en el VTT.

También se pueden cargar archivos WAV en Roll20. Los archivos WAV, al igual que los archivos FLAC, son sin pérdida y ocupan más espacio de almacenamiento. Sin embargo, los archivos WAV son archivos de audio sin procesar que no se benefician de los avances tecnológicos de las últimas dos décadas.

Imágenes y Animaciones

Imágenes amigables para web vs. Imágenes impresas

Si estás jugando desde un paquete de aventura comercial, hay muchas posibilidades de que estés trabajando desde un archivo PDF. Para que los gráficos sean legibles y nítidos para la impresión, la resolución de la imagen, o DPI (puntos por pulgada), debe mantenerse bastante alta, al menos 300 DPI para la mayoría de los PDF de calidad de impresión. Una mayor resolución DPI (puntos por pulgada) resulta en tamaños de archivo de imagen más grandes y ejerce más presión sobre el procesador para mostrar la imagen. Esto significa que los mapas, retratos de personajes y material gráfico de los PDF comerciales tendrán tamaños de archivo más grandes de los necesarios para un juego en Roll20. TL/DR: Si simplemente arrastras estos recursos a tu juego, ocuparán espacio de almacenamiento.

Si deseas que las imágenes se ejecuten sin problemas en Roll20, te recomendamos mantener baja la resolución de la imagen. Cualquier valor entre 70 y 150 DPI debería ser adecuado para las imágenes de tu juego. Esto se puede lograr ajustando la resolución con software de edición de imágenes. También ofrecemos activos optimizados a través de nuestro Mercado de Roll20.

Tipos de archivos

Archivos de imagen

Los tres tipos de archivos de imagen disponibles que se pueden importar y usar en Roll20 son JPG, GIF y PNG. El tamaño máximo de carga es de 10MB para los usuarios gratuitos y de 20MB para los usuarios Pro y Plus.

Comparemos los formatos de archivo entre sí:

JPEG es el tipo de archivo de imagen preferido de Roll20. Los archivos JPEG ofrecen gradientes suaves y un tamaño de archivo pequeño. Sin embargo, no hay opciones de transparencia y la calidad puede sufrir cuando se comprime mucho un archivo JPEG. Si tienes gráficos que no requieren transparencia o translucidez, utiliza archivos de imagen JPG.
Tamaño del archivo: Promedio
¿Puede ser transparente? No
¿Puede ser translúcido? No
¿Puede tener animación? No

Los archivos GIF son adecuados para el arte de píxeles, ofrecen control de paleta de colores y los GIF animados se pueden mostrar en el tablero de juego virtual de Roll20. Sin embargo, los archivos GIF no son buenos para replicar degradados, están limitados a una paleta de colores "indexados" de 256 y no son adecuados para producir imágenes realistas. El tipo de archivo GIF es útil si solo quieres una imagen de recorte simple y con alias para objetos de ficha, con o sin animación.
Tamaño del archivo: Pequeño
¿Puede ser transparente? Sí
¿Puede ser translúcido? No
¿Puede tener animación? Sí

Los archivos PNG ofrecen compresión sin pérdidas, lo que produce imágenes de alta calidad. Sin embargo, el tamaño del archivo aumenta drásticamente al usar un extenso trabajo de canal alfa y los archivos PNG más grandes consumen muchos recursos del sistema. PNG es un formato ideal para dibujos sólidos e imágenes con grandes áreas del mismo color. Los archivos PNG también pueden funcionar para objetos de token o imágenes que requieran transparencia, pero no soportamos archivos PNG animados. Los archivos PNG son más flexibles que los GIF, lo que puede llevar a tamaños de archivo más grandes incluso para imágenes visualmente similares.
Tamaño de archivo: Grande
¿Puede ser transparente? Sí
¿Puede ser translúcido? Sí
¿Puede animarse? No

Consejo: Si tu software te lo permite, es posible que puedas cambiar tu imagen de "color completo" o "RGB" a "paleta" o "indexada". Esta última opción tiene un número limitado (generalmente 256) de colores y es el único formato que admite GIF. Por eso los archivos GIF son más pequeños. Los archivos PNG que utilizan el mismo tipo de paleta tendrán aproximadamente el mismo tamaño que las imágenes GIF. En comparación con el GIF, la mayoría de los archivos PNG están en formato RGB, almacenando más datos por píxel y resultando en tamaños de archivo más grandes. Sin embargo, esto preserva la integridad de la imagen en mayor medida.

Archivos de Animación

Para archivos animados en Roll20, admitimos tres tipos de archivo: GIF, mp4 y webm. El tamaño máximo de carga es de 10 MB para los usuarios gratuitos y de 20 MB para los usuarios Pro y Plus.

Compararemos los formatos de archivo animados entre sí:

Los archivos GIF, como se menciona en la sección de imágenes anterior, ofrecen control de la paleta de colores al crearlos, son ideales para arte de píxeles y los GIF animados se animarán en el tablero de juego virtual de Roll20. Sin embargo, los archivos GIF son malos para replicar degradados, están limitados a una paleta de 256 colores y no son adecuados para producir imágenes realistas. Debido a que almacenan más datos por fotograma de animación que otros formatos, las animaciones grandes tienen un rendimiento pobre.
Tamaño del archivo: Pequeño
¿Puede ser transparente? Sí
¿Puede ser translúcido? No

Los archivos MP4 son en realidad formatos de archivos de video, lo que se traduce en una mejor experiencia. La transparencia (llamada canal alfa) no es compatible con este tipo de archivo. Los mapas y fondos animados funcionan bien en este tipo de archivo. Una vez cargados en Roll20, estos archivos no conservarán el audio del archivo original. El formato MP4 no tiene opciones de transparencia y puede experimentar una calidad reducida con una compresión pesada. Para animaciones, los archivos MP4 serán más disponibles, pero convertir MP4 a WEBM reducirá el tiempo que lleva poner tus archivos en Roll20.
Tamaño de archivo: Grande, mejor eficiencia
¿Puede ser transparente? No
¿Puede ser translúcido? No

WEBM está diseñado para uso en la web. Admite transparencia y translucidez (con canal alfa de 8 bits). Los archivos WEBM ofrecen tanta calidad como los archivos MP4 pero en un tamaño mucho más pequeño. La principal desventaja es que este tipo de archivo no es tan universal como MP4 o GIF.
Tamaño de archivo: Pequeño, más eficiente
¿Puede ser transparente? Sí
¿Puede ser translúcido? Sí

Consejo: Para una superposición de mapa translúcida grande, reduce la resolución de la imagen al ajuste más bajo posible, escala uniformemente las dimensiones de la imagen a un tamaño más pequeño del necesario y agrándala después de cargarla en Roll20.

Trabajar con el espacio de pantalla

Cuando un Director de Juego reparte documentos a sus jugadores alrededor de una mesa física, normalmente el elemento está escrito o impreso en papel con orientación vertical. En una tableta, una persona puede simplemente girar la pantalla si una imagen está en modo vertical u horizontal. No se puede voltear una pantalla en un monitor de computadora. Cuando quieras crear documentos o pantallas de presentación para usar en Roll20, ten en cuenta que el usuario promedio suele trabajar con un monitor panorámico con una resolución de pantalla fija. Quieres crear y planificar documentos y pantallas de presentación que se ajusten bien a la pantalla del usuario colectivo. En lugar de pensar en orientación vertical, opta por la orientación horizontal para notas, cartas, imágenes o cualquier otra cosa que no sea un mapa de mesa.

En cuanto a la resolución de pantalla, obtén una idea de lo que están usando tus jugadores. ¿Están trabajando en estaciones de escritorio? ¿Tabletas? ¿Laptops? Encuentra un punto medio feliz de resolución de pantalla y ajusta el tamaño de tus gráficos en consecuencia para evitar que otras personas tengan que ajustar su configuración de zoom para ver tus imágenes. Sitios web como w3schools.com llevan un recuento anual de la resolución de pantalla promedio a lo largo de los años si necesitas una guía de diseño genérica.

Dimensiones de imagen en Roll20

Estas son las dimensiones específicas de Roll20 para ciertos elementos gráficos.

Dimensiones de imagen

Elemento de IU	Ancho de píxel	Altura de píxel
Cuadro de cuadrícula	70px	70px
Hexágono Vertical ⬢	81px	94px
Hexágono Horizontal ⬣	94px	81px
Tamaño Máximo del Retrato del Personaje	250px	Sin Restricción de Altura
Icono de Detalles del Juego	300px	512px
Imágenes de tabla rodable (Chat de texto)	30px	30px

* La cuadrícula hexagonal se dibuja matemáticamente, por lo que la altura y anchura en píxeles de una sola unidad hexagonal es aproximada

Imágenes de ficha

Debido a su tamaño pequeño, las imágenes de tokens son más adecuadas para formatos PNG para obtener la mejor calidad. Los archivos PNG también ofrecen transparencia. Si no estás utilizando una cuadrícula cuadrada o hexagonal para el movimiento del token, no necesitas preocuparte por las dimensiones reales de la imagen. Sin embargo, si usted está utilizando una cuadrícula, querrá asegurarse de que su imagen tiene suficiente relleno transparente. La razón de hacer esto es que cuando se coloca una imagen en una mesa de juego con cuadrícula, Roll20 deformará las dimensiones de la imagen para que se ajuste mejor dentro de una sola unidad de cuadrícula. Este proceso puede cambiar las proporciones de tu imagen. Por ejemplo, si estás utilizando tokens que ocupan un espacio de unidad de 1 x 1, 2 x 2 o 3 x 3, querrás asegurarte de que las dimensiones finales de la imagen sean las mismas tanto en altura como en anchura. Si tiene una ficha oblonga, querrá asegurarse de que la dimensión final de la anchura o la altura es exactamente el doble o quizás el triple de la otra.

Problemas comunes:

“¿Por qué Roll20 tarda tanto en hacer zoom o desplazarse por un mapa?" O “Cuando intento hacer zoom más del 100%, mi mapa simplemente desaparece.” O “Las imágenes tardan mucho en aparecer para algunos o todos mis jugadores.”

Esto se debe normalmente al tamaño del archivo de cualquier imagen en un juego. Verifique el tamaño del archivo de las imágenes que estás utilizando para tu juego. Si alguna imagen pesa más de 1MB, recomendamos verificar y disminuir la resolución de la imagen utilizando software de edición de imágenes. Además, asegúrate de utilizar el tipo de archivo correcto para minimizar el tamaño del archivo. Solo utiliza PNG cuando necesites transparencias.

“Mis jugadores están teniendo problemas para leer mi nota escrita a mano, ¿por qué la vista previa se ve tan pequeña?”

Ten en cuenta los límites de la pantalla de un jugador cuando estés creando documentos. Trata de aprovechar al máximo el espacio de pantalla disponible. Esto normalmente significa diseñar elementos que sean más anchos que altos para adaptarse mejor a un monitor panorámico.

“Cuando solté mi arte de ficha en la mesa, las dimensiones de la imagen se desordenaron mucho.”

Asegúrate de añadir margen alrededor de las imágenes de tus fichas para que sean cuadradas o para alinearlas correctamente en la cuadrícula. Esto es importante si la imagen que estás utilizando para tu ficha no tiene suficiente margen. Por ejemplo, para una criatura que ocupe un área de cuadrícula 2x1, asegúrate de que una dimensión de la imagen tenga margen para ser exactamente el doble de la otra. Esto asegurará que las proporciones de tu imagen se mantengan y podrás ver la imagen como se espera una vez en la cuadrícula.