Você encontrou ou criou algumas ótimas imagens para a sua campanha, mas os arquivos são enormes! Imagens WebP podem ajudar com isso. Seja para obter um arquivo dentro do limite de tamanho de upload ou maximizar o espaço de armazenamento disponível, muitos arquivos podem ser otimizados convertendo-os para WebP com pouco ou nenhum perda de qualidade.

Observação: O Roll20 atualmente suporta apenas WebP estático, WebP animado não é suportado.

Seu resultado pode variar

Embora a conversão para WebP torne seus arquivos menores na maioria das vezes, não é uma garantia de 100%. A compressão de imagem é complicada e, em casos raros, outros formatos de arquivo podem ser mais eficazes para imagens específicas. A única maneira de saber é testando.

De acordo com Perguntas frequentes do Google, os arquivos WebP são em média 30% menores do que os JPEGs com o mesmo nível de qualidade. Da mesma forma, para PNG, os WebPs sem perda média 20% menores em tamanho de arquivo.

Como Converter Suas Imagens

Existem várias maneiras diferentes de converter seus arquivos, desde ferramentas de linha de comando como o FFmpeg, até conversores online, até programas de edição de imagem. Este artigo usa um software fácil de usar para usuários não técnicos, multiplataforma e disponível completamente de graça: GIMP - Disponível para download aqui.

Depois de baixar e instalar a versão para o seu sistema, você poderá usá-la para abrir seus arquivos de imagem. Inicie o GIMP e simplesmente arraste e solte a imagem que você deseja converter na janela. Depois de aberto, siga estas etapas para exportar:

1. Na barra de ferramentas, selecione “Arquivo” > “Exportar como…”, ou pressione Ctrl + Shift + E
2. Na caixa de diálogo Exportar Imagem, verifique se “Selecionar Tipo de Arquivo (Por Extensão) está selecionado
   
3. Now you can change the file extension in the “Name:” field to “.webp” and click “Export” at the bottom.
   
   
4. Na caixa de diálogo Exportar Imagem como WebP, poderemos configurar nossa exportação com base no arquivo que estamos convertendo.
   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. Metadados são informações sobre a imagem que não alteram a aparência real da imagem e, como queremos que esses arquivos sejam o menor possível, não queremos que essas informações extras fiquem por aí.
   
6. Clique em "Exportar" e aguarde o GIMP salvar o arquivo.

Depois que o arquivo for salvo, vá para onde ele está armazenado e compare o tamanho do arquivo com o original. Se ele estiver do tamanho que você precisa, ótimo! Caso contrário, continue lendo abaixo em 'Ajustando as Configurações de Qualidade' para ter uma ideia de como você pode obter melhorias adicionais.

Ajustando as Configurações de Qualidade

Ajustar as configurações de qualidade na caixa de diálogo Exportar Imagem como Webp pode ajudar a ajustar a exportação para arquivos específicos. Se seus arquivos não estão ficando tão pequenos quanto você gostaria ou se estão ficando maiores (ai ai!), esta seção pode ajudar.

Observação: Em nossos testes, o controle deslizante 'Qualidade Alfa' teve pouco ou nenhum impacto no tamanho ou qualidade do arquivo, e, portanto, as informações abaixo se referem apenas ao controle deslizante 'Qualidade da Imagem'. Sua experiência com esse valor pode ser diferente. Em imagens sem pixels transparentes, ele não deve ter efeito.

Lossy → Lossy

Passar de um jpg lossy para um webp lossy pode ser complicado, especialmente se você não conhece as configurações de qualidade usadas para a conversão. Algumas ferramentas, como o comando "identify" do ImageMagick , podem ser capazes de fornecer um valor exato para a qualidade, mas a utilização de tais ferramentas está fora do âmbito deste artigo.

Como regra geral, ao converter de JPEG, você vai querer manter o controle deslizante de qualidade do WebP no mesmo nível ou abaixo da qualidade da imagem original. Quando você define a qualidade acima da original, quase sempre tornará o arquivo maior e também pode piorar a aparência da imagem ao mesmo tempo. Se você não sabe a qualidade original, experimente com esse valor e exporte algumas cópias para verificar os resultados (não apenas o tamanho do arquivo, certifique-se de abrir os arquivos e ver se consegue notar algum artefato visual).

Você pode precisar exportar várias vezes com diferentes qualidades para encontrar o valor que funciona melhor para cada arquivo, maximizando a qualidade e minimizando o tamanho do arquivo.

Lossy → Lossless

Converter de um tipo de imagem lossy para um WebP lossless quase sempre aumentará o tamanho do arquivo e nunca melhorará a aparência da imagem. Não recomendamos converter dessa maneira.

Lossless → Lossy

Idealmente, quando temos uma imagem de alta qualidade armazenada em formato PNG ou outro formato lossless, gostaríamos de mantê-la dessa forma. As imagens Lossless WebP são visualmente indistinguíveis de suas originais e geralmente são menores também! Mas às vezes eles não são pequenos o suficiente e, nesses casos, podemos trocar para o WebP com perda para extrair um pouco mais desse tamanho sem perder muito em termos de qualidade de imagem.

Este é outro caso em que a melhor maneira de encontrar as melhores configurações para uma imagem específica é brincar com o valor de qualidade e exportar algumas opções. Como mencionado acima, 90 é um bom ponto de partida e você pode diminuir o valor a partir daí para ver como isso afeta o tamanho e a aparência da imagem resultante.

Mas Minhas Imagens Ainda São Muito Grandes!

Desculpe por isso!

Isso acontece às vezes. De vez em quando, você pode encontrar uma imagem que funciona melhor em um formato diferente por um motivo ou outro. Ou talvez você tenha mapas muito grandes que ficam menores, mas não pequenos o suficiente para fazer upload em uma única peça. Neste último caso, recomendamos usar o software de sua escolha para cortar a imagem ao meio (ou em quartos, ou tão pequena quanto você precisar) para fazer upload em várias partes. Depois, em sua biblioteca, você pode reagrupar as imagens no VTT em um mapa grande.

Exportando diretamente para WebP

Alguns softwares de criação de recursos, como o Megasploot's DungeonDraft, permitem exportar ficheiros WebP diretamente. Quando testado com o DungeonDraft v1.0.4.7 (o mais recente até esta data), descobrimos que a exportação para PNG e depois a conversão para WebP como mencionado acima resultou em arquivos menores. O mapa de 8400x8400 pixels que usamos para testar foi exportado com 18,3 MB, enquanto a versão convertida sem perda de qualidade a partir do PNG pesava apenas 13,6 MB.

Isso é algo que vai variar de programa para programa e de arquivo para arquivo, e pode ser melhorado em futuras versões do software. Por enquanto, embora possa adicionar mais etapas à preparação do seu ativo, é difícil argumentar com arquivos 25% menores.