Mejores prácticas para archivos en Roll20

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:  

MP3 OGG FLAC WAV
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".

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

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

GIF MP4 WEBM
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?
¿Puede ser translúcido? No

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.

 
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 164 de 248