Prepare images for VTT

Walkthrough

The process of preparing images is straightforward :

  1. Put all your assets into a folder (and subfolders)
  2. Zip the folder

Supported media types

  • JPG/JPEG images
  • PNG images
  • WebP images
  • WebM video (animated asset)
  • MP4 video (animated asset)

Recommendations

#RecommendationReason
R1Use specific and descriptive filenames and folder namesThe Moulinette search relies primarily on directory and file names. Instead of naming your directory Variants use night-and-rain". Take inspiration from the terminology used by Forgotten Adventures on their live gallery.
R2Avoid deep folder structuresExcessively deep folder structures may cause the displayed path (in FoundryVTT) to wrap on more than one line.
R3Avoid special charactersIt is recommended to avoid using special characters, such as quotes, in folder and image names. While spaces can be used, they may cause issues for those using S3 integration in FoundryVTT. Instead, it is suggested to use dashes (-) to separate words.

Moulinette Post-processing

Below are the optimization operations that are automatically executed by Moulinette :
#Operation
O1Any image larger than 20MB is removed. This rule does not apply to animated images (videos) and images in WebP format that do not require conversion.
O2Images are converted to the WebP format with 60% quality compression
O3A frame from the middle of an animated asset is extracted and used as a preview. You can provide your own thumbnail by including a WebP image with the same filename as the video.
O4Thumbnails (100x100) are generated for each image to improve the browsing experience speed
O5A watermarked image is generated for each digital asset. This will be used to publicly promote the content (for example on the Marketplace)

Animated Tokens from Devin Night

Furniture Tiles from Tom Cartos

Various Images from Oixxo Art

Watermarked Tokens from Jan Loos