LogoLogo
HomeDiscordVideo TutorialsBuilder Opportunities
  • Welcome to MONA
    • What is a Space?
    • Unity Overview
  • ⬛Create
    • Getting Started Building
    • MONA Crash Course
      • Setting up MONA in Unity
      • Introduction to Unity
      • Setting up Simple Assets
      • Metaverse / WebGL Limitations
      • Creating 3D Assets
      • Applying Materials & Unwrapping UVs
      • Importing Assets into Unity
      • Adding Colliders
      • Adding Lighting
      • Adding a Custom Skybox
      • Setting up Canvases
      • Uploading to your Wallet
    • Building Spaces
      • Space Limitations
      • Create your Space
        • Space Overview
        • Colliders
        • Materials
        • Portals
        • Canvases
        • Artifacts
        • Add a Custom Skybox
        • Test Your Space
        • Troubleshooting
      • Improve your Space
        • Lightmaps (Unity Lightmapper)
        • Light Probes
        • Reflection Probes
        • Animation in Unity
        • Importing Animation
        • Player Property Volumes (PPV's)
        • Warp Volumes
        • Adding Audio
        • VRM Switcher
        • Custom Canvases
        • Embedded Video
        • User Interface (UI)
        • Creating Custom Shaders
        • Imported Assets
        • Lightmaps (Bakery Asset)
      • Optimise your Space
        • Prefabs
        • 3D Asset Specs
        • Optimizing your Space
      • Adding Interactivity
        • Visual Scripting
          • Web Request Node
        • Mona Reactor
          • Creating Animation
          • Using Animator
          • The Reactor Component
          • Reactor Overview
      • MONA Tools
        • Template Utility
        • MONA Capture
        • Light Probe Generator
        • VOX Importer
      • Submit Your Space
        • Submitting your Space
        • Creating an Image & Video Preview
        • QA Process
        • Mint Your Space
      • Update your Space
      • Frequently Asked Questions
      • Troubleshooting
    • Creating Assets
      • Asset Requirements
      • 3D Asset Types
      • Asset Creation Approaches
      • Optimizing your Mesh
      • GLB Considerations
      • Example - Cyberpunk Car
    • Creating Avatars
      • Getting Started with VRM
      • VRM Requirements
      • VRM Creation
        • Using Mixamo for Rigging
        • Adding Custom Bones to the Rig (Optional)
      • Creating your Avatar using UniVRM
        • Importing UniVRM into Unity
        • Creating the VRM using UniVRM
        • Adding Spring Bones in UniVRM (Optional)
      • Creating your Avatar using 'VRM for Blender'
        • Adding 'VRM for Blender' into Blender
        • Using 'VRM for Blender' for Rigging
        • Adding a Material
        • Assigning VRM Details
        • Exporting the Avatar
      • Uploading your VRM
      • Using Avatars in WebAR
      • Submitting your VRM to the Mona Marketplace
      • Mint Your Avatar
      • Troubleshooting
    • Resources
      • MONA Claim Asset Requirements
      • Unity Wallet SDK (Alpha)
      • MONA Playground
      • MONA Tutorials
        • Retrowave Modules
      • Asset Resources
        • 3rd Party Assets
        • Textures
        • Shaders
        • 3D Assets
        • Audio
        • Tools
        • Tutorials
      • MONA Library
        • MONA Library Submission
      • Useful Unity Packages
      • Updating the Template SDK
      • Importing Mozilla Hubs Spaces to MONA
      • Importing AltspaceVR spaces to MONA
    • MONA Marketplace
  • ⬛Explore
    • How to Use MONA
    • Using VRM Avatars
    • Audio Settings
    • Explorer's Frequently Asked Questions
  • ⬛Collect
    • Setting up a wallet
      • Delegating a Wallet
    • Own a Space
      • Host an Event
      • Uploading your Images
      • Add Images to a Canvas
      • Live Music Feed
      • Token Gated Access
      • Minted 3rd Party Assets
    • MONA Create
      • Create FAQ
    • Live Streaming in MONA
      • Setting up OBS Studio
      • Livestream using OBS Studio
      • Livestream using a Mobile Device
      • How to Stream Using Twitch or YouTube
      • Add a Livestream to a Canvas
    • Collector's Frequently Asked Questions
  • General Resources
    • Web3 Introduction
    • How to sell Art in Web3
    • Game Dev Glossary
    • Buildathons / Challenges
      • 3D Asset Buildathon (Current)
        • Frequently Asked Questions
      • Emote/Emoji Challenge (Completed)
      • Stream Challenge (Completed)
      • Custom Avatars (Completed)
      • Build : NY Challenge (Completed)
      • Sculpture Challenge (Completed)
      • Portal Hub (Completed)
      • Interact (Completed)
      • The Renaissance (Completed)
Powered by GitBook
On this page
  • Hosting on Web3 Storage
  • Hosting on GitHub
  • Hosting on Imgur

Was this helpful?

  1. Collect
  2. Own a Space

Uploading your Images

Uploading images to use on Canvases within Mona...

PreviousHost an EventNextAdd Images to a Canvas

Last updated 1 year ago

Was this helpful?

There are a couple of things to note when creating images to link in your spaces using the Canvases.

  • Mona will downsize images if they are too large in order to improve the overall experience. If the image needs to be downsized, it will add time to the initial load of the space. Recommended sizes include :

    • 16:9 (Widescreen) - 1920 x 1080

    • 4:3 (Standard TV) - 1680 x 1260

    • 1:1 (Square) - 1440 x 1440

    • 3:2 (Classic 35mm film) - 1620 x 1080

    • 21:9 (Ultrawide) - 2048 x 972 (slightly under the limit)

  • Images must be stored on a public host. We recommend using , , or , as these are the easiest to set up and free. A server like Wix or Square Space should also work.

is more like a standard web host, whereas uses the blockchain. is an image-sharing platform.

Depending on the service, you may need to tweak the URL to ensure it's public for use on the Mona platform. Each host is described below.

Hosting on Web3 Storage

  • You can create an account easily on

  • If not already, go to the Manage Files section

  • Add files to your folder using either of the links to do so. Note the information under the panel.

  • Grab the image to use in Mona by clicking on the IPFS link, and then right-click on the file to use the 'Copy link' to the image.

Hosting on GitHub

    • Sign up on the main page with your username, email, and password.

    • Prove you are a human (bot check)

    • Go through a survey

    • Verify your account with your email address.

  • Once logged in, click on the Create Repository at the top left to create a place for your VRM files

  • Input the information as you see fit including name, description (optional), and license. Make sure to make it a public repository. If this is not set, your images will not work. It is possible to set a repository to public after you have created the folder in the 'Danger Zone' section in the Repository settings at the bottom.

  • Select the 'Add File' button at the top, then 'Upload Files'.

  • Upload your files by drag/dropping or selecting your file/s.

Certain naming conventions are not supported on GitHub files in Mona. It is best to use standard characters only, such as letters and numbers, to reduce issues. Special characters and spaces have been known to make files not work.

  • Once uploaded, select Commit Changes at the bottom

The default GitHub permalink will not work within Mona.

https://github.com/discmage/Images/blob/d294cce74a3ef7102e43580d27c1f9595428a4f4/CoolPicture.png is an example link that will not work.

  • A manual approach is converting your GitHub link to the following example: https://raw.githubusercontent.com/GithubUserName/RepoName/branch(main or master)/file.png In this case, the image link would be : https://raw.githubusercontent.com/discmage/Images/main/CoolPicture.png To find if your link requires main or master, click on the file and see what the top right of the asset has defined. This is both visible on the Repository and the file.

  • Once you have your address, you can use that in the Canvas link setup in your wallet.

Hosting on Imgur

  • Make a 'New post', and upload your images.

  • With your image uploaded, right click on it and select 'Copy Image link'.

  • Paste this link into your Mona wallet canvas URL. For more information on this, go to Add Images to a Canvas.

  • You do not need to make the post public, but you do need to make sure your link has the .jpg, .png etc. at the end of it, otherwise Mona will not allow the URL.

Sign up to GitHub, if you haven't already:

You will need to change the URL of your image to what Mona can use. The easiest approach is to use the following link to get the public link :

Sign up to .

⬛
https://www.github.com
https://github-raw-link-generator.glitch.me/
Imgur
GitHub
Web3 Storage
Imgur
GitHub
Web3 Storage
Imgur
Web3 Storage
Upload your VRMs to the Repository
Go to Manage Files
Add files to the folder.
Copy the VRM Link for use in Mona
Create your Repository
Setup your Repository
Add your VRM file
Find if your link requires 'main' or 'master'