Vous avez trouvé ou créé de superbes images pour votre campagne, mais les fichiers sont énormes ! Les images WebP pourraient vous aider avec cela. Que vous cherchiez à obtenir un fichier inférieur à la limite de taille de téléchargement ou à maximiser votre espace de stockage disponible, de nombreux fichiers peuvent être optimisés en les convertissant en WebP avec peu ou pas de perte de qualité.

Note : Roll20 ne prend actuellement en charge que le WebP statique, le WebP animé n'est pas pris en charge.

Les résultats peuvent varier

Bien que la conversion en WebP rende généralement vos fichiers plus petits, ce n'est pas une garantie à 100%. La compression d'image est compliquée et, dans de rares cas, d'autres formats de fichiers peuvent être plus efficaces pour des images spécifiques. La seule façon de le savoir est de l'essayer.

Selon la FAQ de Google , les fichiers WebP sont en moyenne 30 % plus petits que les fichiers JPEG de même niveau de qualité. De même, pour le PNG, les WebP sans perte ont une taille de fichier inférieure de 20 % en moyenne.

Comment convertir vos images

Il existe plusieurs façons de convertir vos fichiers, des outils en ligne de commande comme FFmpeg aux convertisseurs en ligne, en passant par les programmes d'édition d'images. Cet article utilise un logiciel facile à utiliser pour les utilisateurs non techniques, multiplateforme et entièrement gratuit : GIMP - Disponible en téléchargement ici.

Une fois que vous avez téléchargé et installé la version correspondant à votre système, vous pourrez l'utiliser pour ouvrir vos fichiers image. Lancez GIMP, puis faites simplement glisser et déposez l'image que vous souhaitez convertir dans la fenêtre. Une fois que vous avez ouvert l'image, suivez ces étapes pour l'exporter :

1. Dans la barre d'outils, sélectionnez "Fichier" > "Exporter sous…", ou appuyez sur Ctrl + Maj + E
2. Dans la boîte de dialogue Exporter l'image, assurez-vous que "Sélectionner le type de fichier (par extension)" est sélectionné
   
3. Now you can change the file extension in the “Name:” field to “.webp” and click “Export” at the bottom.
   
   
4. Dans la boîte de dialogue Exporter l'image en WebP, nous pourrons configurer notre exportation en fonction du fichier que nous convertissons.
   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. Les métadonnées sont des informations sur l'image qui ne modifient pas son apparence réelle, et comme nous voulons que ces fichiers soient aussi petits que possible, nous ne voulons pas que ces informations supplémentaires restent.
   
6. Cliquez sur "Exporter" et attendez que GIMP enregistre le fichier.

Une fois le fichier enregistré, allez à l'endroit où il est stocké et comparez sa taille avec celle de l'original. S'il est aussi petit que vous le souhaitez, très bien ! Sinon, continuez à lire la section "Ajustement des paramètres de qualité" ci-dessous pour avoir une idée de la manière dont vous pourriez obtenir des améliorations supplémentaires.

Réglage des paramètres de qualité

L'ajustement des paramètres de qualité dans la boîte de dialogue Exporter l'image en tant que Webp permet d'affiner l'exportation pour des fichiers spécifiques. Si vos fichiers ne sont pas aussi petits que vous le souhaiteriez ou s'ils sont de plus en plus volumineux, cette section peut vous aider.

Remarque : lors de nos tests, le curseur "Qualité Alpha" n'a eu que peu ou pas d'impact sur la taille ou la qualité du fichier, et les informations ci-dessous ne concernent donc que le curseur "Qualité de l'image". Votre expérience de cette valeur peut être différente. Sur les images sans pixels transparents, il ne devrait pas avoir d'effet.

Lossy → Lossy

Passer d'un jpg avec perte à un webp avec perte peut s'avérer délicat, surtout si vous ne connaissez pas les paramètres de qualité utilisés pour la conversion. Certains outils, tels que la commande "identify" de ImageMagick ( ), peuvent fournir une valeur précise de la qualité, mais leur utilisation n'entre pas dans le cadre de cet article.

En règle générale, lors de la conversion à partir de JPEG, vous voudrez garder le curseur de qualité de WebP à la qualité de l'image d'origine ou en dessous. Lorsque vous définissez la qualité au-dessus de l'originale, cela rendra presque toujours le fichier plus volumineux et il se peut également que l'image paraisse moins bonne en même temps. Si vous ne connaissez pas la qualité d'origine, jouez avec cette valeur et exportez quelques copies pour vérifier les résultats (pas seulement la taille du fichier, assurez-vous d'ouvrir les fichiers et de voir si vous remarquez des artefacts visuels).

Vous devrez peut-être exporter plusieurs fois à différentes qualités pour trouver la valeur qui fonctionne le mieux pour chaque fichier afin de maximiser la qualité et minimiser la taille du fichier.

Lossy → Lossless

La conversion d'un type d'image lossy en WebP sans perte augmente presque toujours la taille du fichier et ne rendra jamais l'image meilleure. Nous ne recommandons pas de convertir de cette manière.

Lossless → Lossy

Idéalement, lorsque nous avons une image de haute qualité stockée dans un format PNG ou autre format sans perte, nous devrions pouvoir la conserver telle quelle. Les images WebP sans perte sont visuellement indiscernables de leurs originaux et en général, elles sont également plus petites ! Mais parfois ils ne sont pas assez petits, et dans ces cas-là nous pourrions être en mesure de passer à WebP avec perte pour en extraire un peu plus de cette taille sans perdre trop de en termes de qualité d'image.

C'est un autre cas où la meilleure façon de trouver les meilleurs paramètres pour une image spécifique est de jouer avec la valeur de qualité et d'exporter quelques options. Comme indiqué ci-dessus, 90 est un bon point de départ, et vous pouvez diminuer la valeur à partir de là pour voir comment cela change la taille et l'apparence de l'image résultante.

Mais mes images sont toujours trop grandes!

Désolé pour ça!

Cela arrive parfois. De temps en temps, vous pourriez trouver une image qui fonctionne mieux dans un format différent pour une raison ou une autre. Ou peut-être avez-vous des cartes vraiment grandes qui deviennent plus petites, mais pas assez petites pour être téléchargées en une seule pièce. Dans ce dernier cas, nous vous recommandons d'utiliser le logiciel de votre choix pour couper l'image en deux (ou en quatre, ou aussi petit que vous en avez besoin) afin de pouvoir la télécharger en plusieurs morceaux. Une fois dans votre bibliothèque, vous pouvez réassembler les images sur le VTT en une seule grande carte.

Exportation directe en WebP

Certains logiciels de création de ressources, tels que Megasploot's DungeonDraft, permettent d'exporter directement des fichiers WebP. Lorsque nous l'avons testé avec DungeonDraft v1.0.4.7 (la version la plus récente au moment de la rédaction), nous avons constaté que l'exportation en PNG puis la conversion en WebP comme décrit ci-dessus donnait des fichiers plus petits. La carte de 8400x8400 pixels que nous avons utilisée pour les tests a été exportée à 18,3 Mo, tandis que la version convertie sans perte depuis le PNG ne pesait que 13,6 Mo.

Il s'agit d'une caractéristique qui peut varier d'un programme à l'autre et d'un fichier à l'autre, et qui pourrait être améliorée dans les versions futures du logiciel. Pour l'instant, même si cela peut ajouter des étapes supplémentaires à la préparation de vos ressources, il est difficile de ne pas apprécier des fichiers 25 % plus petits.