¡Has encontrado o creado algunas imágenes geniales para tu campaña, pero los archivos son enormes! Las imágenes WebP podrían ayudarte con eso. Ya sea que estés tratando de obtener un archivo por debajo del límite de carga o maximizar tu espacio de almacenamiento disponible, muchos archivos se pueden optimizar convirtiéndolos a WebP con pérdida mínima o nula de calidad.

Nota: Roll20 actualmente solo admite WebP estático, no admite WebP animado.

Los resultados podrían variar según el usuario

Aunque en la mayoría de los casos convertir a WebP hará que tus archivos sean más pequeños, no está garantizado al 100%. La compresión de imágenes es complicada y en casos raros otros formatos de archivo pueden ser más efectivos para imágenes específicas. La única forma de saberlo es probarlo.

De acuerdo a las preguntas frecuentes de Google, los archivos WebP en promedio son un 30% más pequeños que los JPEGs de la misma calidad. De manera similar, para PNG, los WebPs sin pérdida promedian un 20% menos en tamaño de archivo.

Cómo convertir tus imágenes

Hay muchas formas diferentes de convertir tus archivos, desde herramientas de línea de comandos como FFmpeg, hasta convertidores en línea o programas de edición de imágenes. Este artículo utiliza software que es fácil de usar para usuarios no técnicos, multiplataforma y completamente gratuito: GIMP - Disponible para descargar aquí.

Una vez que hayas descargado e instalado la versión para tu sistema, podrás usarlo para abrir tus archivos de imagen. Inicia GIMP y simplemente arrastra y suelta la imagen que deseas convertir en la ventana. Una vez abierto, sigue estos pasos para exportar:

1. En la barra de herramientas, selecciona "Archivo" > "Exportar como…", o presiona Ctrl + Shift + E
2. En el cuadro de diálogo de Exportar imagen, asegúrate de que esté seleccionada la opción "Seleccionar tipo de archivo (por extensión)"
   
3. Now you can change the file extension in the “Name:” field to “.webp” and click “Export” at the bottom.
   
   
4. En el cuadro de diálogo Exportar imagen como WebP, podremos configurar nuestra exportación en función del archivo que estamos convirtiendo.
   1. For PNGs or other lossless formats, we’ll want to select the “Lossless” checkbox, which disables the quality sliders.
      
      
   2. For JPEGs (.jpeg, .jpg) or other lossy formats, we’ll leave “Lossless” unchecked, and adjust the quality sliders as needed (more on that later, but the default value of 90 is usually a good starting point).
      
      
5. We can leave Source type set to “Default”, but go ahead and uncheck all three of the boxes below.
   
   These options allow us to exclude certain metadata from the files. Los metadatos son información sobre la imagen que no cambia la apariencia real de la imagen, y como queremos que estos archivos sean lo más pequeños posible, no queremos que haya ninguna información adicional.
   
6. Haz clic en "Exportar" y espera a que GIMP guarde el archivo.

Una vez que el archivo se haya guardado, ve al lugar donde se encuentra y compara el tamaño del archivo con el original. Si es tan pequeño como necesitas, ¡genial! De lo contrario, sigue leyendo a continuación en "Ajuste de la configuración de calidad" para tener una idea de cómo podrías obtener mejoras adicionales.

Ajuste de la configuración de calidad

Ajustar la configuración de calidad en el cuadro de diálogo Exportar imagen como Webp puede ayudar a afinar la exportación para archivos específicos. Si tus archivos no están quedando tan pequeños como quisieras o si están aumentando de tamaño (¡qué horror!), esta sección podría ser de ayuda.

Nota: En nuestras pruebas, el control deslizante "Calidad alfa" no tuvo ningún impacto en el tamaño o la calidad del archivo, por lo que la información a continuación se refiere solo al control deslizante "Calidad de imagen". Tu experiencia con este valor puede variar. En imágenes sin píxeles transparentes, no debería tener ningún efecto.

Pérdida → Pérdida

Pasar de un jpg con pérdida a un webp con pérdida puede ser complicado, especialmente si no conoces la configuración de calidad utilizada para la conversión. Algunas herramientas, como el comando "identify" de ImageMagick, pueden proporcionar un valor preciso de la calidad, pero su uso queda fuera del ámbito de este artículo.

Como regla general, al convertir desde JPEG, querrás mantener el control deslizante de calidad de WebP en o por debajo de la calidad de la imagen original. Cuando estableces la calidad por encima de la original, casi siempre hará que el archivo sea más grande, y también puede hacer que la imagen se vea peor al mismo tiempo. Si no conoces la calidad original, juega con este valor y exporta varias copias para comprobar los resultados (no solo el tamaño de archivo, asegúrate de abrir los archivos y ver si puedes notar algún artefacto visual).

Es posible que necesites exportar varias veces a diferentes calidades para encontrar el valor que funcione mejor para cada archivo y maximizar la calidad y minimizar el tamaño del archivo.

Lossy → Lossless

Convertir desde un tipo de imagen con pérdida a un WebP sin pérdida casi siempre aumentará el tamaño del archivo y nunca mejorará la calidad de la imagen. No recomendamos hacer la conversión de esta manera.

Lossless → Lossy

Idealmente, cuando tenemos una imagen de alta calidad almacenada en formato PNG u otro formato sin pérdida, deberíamos poder mantenerla de esa manera. Las imágenes Lossless WebP son visualmente indistinguibles de las originales y generalmente también son más pequeñas. Pero a veces no son lo suficientemente pequeños, y en esos casos podemos cambiar a WebP con pérdidas para exprimir un poco más ese tamaño sin perder demasiado en términos de calidad de imagen.

Este es otro caso en el que la mejor manera de encontrar la mejor configuración para una imagen específica es jugar con el valor de calidad y exportar algunas opciones. Como se mencionó anteriormente, 90 es un buen punto de partida, y puedes disminuir el valor desde ahí para ver cómo afecta el tamaño y la apariencia de la imagen resultante.

¡Pero mis imágenes siguen siendo demasiado grandes!

¡Lo siento por eso!

A veces ocurre. De vez en cuando, es posible que encuentres una imagen que funcione mejor en un formato diferente por una razón u otra. O tal vez tienes mapas muy grandes que se reducen, pero no lo suficiente como para cargarlos en una sola pieza. En este último caso, te recomendamos usar el software de tu elección para cortar la imagen por la mitad (o en cuartos, o tan pequeña como necesites) para cargarla en varias piezas. Una vez en tu biblioteca, puedes volver a ensamblar las imágenes en el VTT en un mapa grande.

Exportación directa a WebP

Algunos programas de creación de recursos, como DungeonDraftde Megasploot, permiten exportar archivos WebP directamente. Cuando probamos con DungeonDraft v1.0.4.7 (el más reciente hasta la fecha de esta escritura), descubrimos que exportar como PNG y luego convertir a WebP como se describe arriba resultaba en archivos más pequeños. El mapa de 8400x8400 píxeles que usamos para las pruebas se exportó a 18.3 MB, mientras que la versión convertida sin pérdida de PNG pesaba solo 13.6 MB.

Esto es algo que variará de programa a programa y de archivo a archivo, y puede mejorar en futuras versiones del software. Por ahora, aunque puede agregar más pasos a la preparación de sus activos, es difícil discutir con archivos un 25% más pequeños.