Skip to main content

🖼️ How to Add Images to Your MysteryAct

This article explains how to add and use images in your MysteryAct, including character, clue card, prop card, multimedia images, and inline script images. It also covers image upload requirements.

K
Written by Kaia
Updated over 4 months ago

1.Script Cover Image (MysteryAct Cover)

he script cover image is the primary visual element of your MysteryAct.
It appears on the MysteryAct card and detail pages, helping players and GMs quickly understand the overall tone and theme of your story.

To upload or change the script cover image:

  • Go to Script Basic Info in the left-hand menu.

  • In the main panel, locate the Cover Image section.

  • Click the upload area and select an image from your device.

  • Save your changes.

2. Character Images

Character images are used to visually represent characters and help players form a quick first impression.

To upload or change a character image:

  • Go to Characters in the left-hand menu.

  • Click the “+” button to create a new character, or select an existing character to edit.

  • In the right-hand main panel, find Cover Image.

  • Upload the character image.

  • Save the character information.

📌 The character cover image will be displayed to players as part of the character card.

3. Add or Change Clue Card Images

Clue card images are used to present visual clues, such as maps, photos, or document screenshots.

To upload or change a clue card image:

  • Go to Clue Cards in the left-hand menu.

  • Click the “+” button to create a new clue card, or select an existing one to edit.

  • In the right-hand main panel, locate the Cover Image or Image upload area.

  • Upload the image for the clue.

  • Save the clue card.

⚠️ We recommend using clue card images only when the image itself contains essential information, rather than decorative elements.

4. Add or Change Prop Card Images

Prop card images are used to display items that players can obtain or interact with, such as keys, letters, or physical props.

To upload or change a prop card image:

  • Go to Prop Cards in the left-hand menu.

  • Click the “+” button to create a new prop card, or select an existing one to edit.

  • In the right-hand main panel, locate the Cover Image or Image upload area.

  • Upload the prop image.

  • Save the prop card.

💡 Prop card images should be clear and easy to understand. Avoid overly complex backgrounds or unrelated elements.

5. Multimedia Images

Multimedia images are typically used for scene atmosphere, background visuals, or supplementary explanations, and are not directly tied to a specific character or card.

To upload multimedia images:

  • Go to Multimedia in the left-hand menu.

  • Click the “+” button to upload new images or other media files.

  • Select the files to upload, making sure they meet the platform’s format and size requirements.

  • Once uploaded, multimedia images can be used in scripts alongside clues, tasks, or scenes to enhance atmosphere and visual presentation.

6. Insert Images into the Script

If you want images to appear directly within the script—alongside story text or scene descriptions—you can insert images in the script editor.

To insert images into the script:

  • Open the script editor.

  • Place your cursor where you want the image to appear.

  • Use the image insertion feature to upload and insert an image.

  • Use the live preview on the right side to see how the image will appear to players.

  • Adjust placement and layout as needed.

ℹ️ Script images are best used for atmosphere or visual support, and should not contain critical information players must read.

7. Image Upload Requirements

  • File types: Supported formats include .jpg, .png, and .gif.

  • File size:

    • Images should ideally be kept under 1MB to ensure fast loading and a smooth player experience.

    • Character cover images support uploads up to 30MB and will be automatically cropped to a 3:4 ratio.

  • Resolution: Images should be at least 800 × 600px for clear display.

  • Additional notes:

    • Images should be clear, concise, and directly related to the script, clues, or scenes.

    • Avoid overly large files or excessive visual detail that may affect loading performance.

Did this answer your question?