VEM DOCUMENTATION

Vemaker Documentation
In this section, you will find detailed information on how to interact with the virtual world using your avatar. Vemaker is where the action takes place. You will learn about the controls, navigation, communication features, and other tools available to enhance your virtual experience.

VEM Designer Documentation

VemDesigner is an application that allows you to manipulate world brandings and colors. It provides tools for personalizing the virtual world to suit different events and occasions. This section will guide you through the process of using VemDesigner to customize the visual aspects of your virtual world, including branding elements, colors, and overall aesthetics.


VEM Portal Documentation

VemPortal is an application designed to manage and create worlds. Here, you can create and customize virtual spaces, manage user access and permissions, and handle various administrative tasks related to your virtual events. This section provides detailed information on managing world users, including user roles, authentication, and user management features.


Introduction

Welcome to Vemaker, an advanced online platform designed to deliver immersive and interactive virtual experiences. This documentation serves as a comprehensive guide to understanding and utilizing the various features and functionalities of Vemaker.

Vemaker combines cutting-edge technologies with user-friendly controls to provide a seamless virtual environment for a wide range of applications. Whether you are hosting virtual events, conducting training sessions, or collaborating remotely, this platform offers a robust set of tools and capabilities to create engaging virtual spaces.


WORLDS FOR ONLINE EVENTS

Vemaker is not a single world but rather a tool that allows you to build your own world or personalize pre-created worlds for events and meetings. Additionally, Vemaker provides tools for event management. This documentation provides detailed information on each aspect.

  • Vemaker

    In this section, you will find detailed information on how to interact with the virtual world using your avatar. Vemaker is where the action takes place. You will learn about the controls, navigation, communication features, and other tools available to enhance your virtual experience.

  • VEM Portal

    VemPortal is an application designed to manage and create worlds. Here, you can create and customize virtual spaces, manage user access and permissions, and handle various administrative tasks related to your virtual events. This section provides detailed information on managing world users, including user roles, authentication, and user management features.

  • VEM Designer

    VemDesigner is an application that allows you to manipulate world brandings and style. It provides tools for personalizing the virtual world to suit different events and occasions. This section will guide you through the process of using VemDesigner to customize the visual aspects of your virtual world, including branding elements, colors, and overall aesthetics.

By leveraging the capabilities of Vemaker, VemPortal, and VemDesigner, you can create and manage immersive virtual environments tailored to your specific needs. Whether you are organizing large-scale conferences, conducting team-building exercises, or hosting virtual classrooms, Vemaker provides the tools and flexibility to deliver exceptional virtual experiences.


Please refer to the relevant sections of this documentation for detailed instructions and guidance on utilizing Vemaker and its associated applications effectively. Enjoy exploring the possibilities of Vemaker and make your online events truly unforgettable!



REQUIREMENTS

HARDWARE REQUIREMENTS

Operating System:
Windows 10 (64 bit)
Processor:
Dual Core 2.4GHz (Released after 2013)
RAM:
6 GB
Graphics Card:
Integrated Graphics Card (Onboard) 1GB VRAM / WebGL 2.0 support


Operating System:
Windows 10 (64 bit)
Processor:
i5 6500 / AMD fx 6300
RAM:
8 GB
Graphics Card:
NVIDIA GTX 1050 / AMD R9 270


Operating System:
Mac OS BigSur (11.1) or a more recent mac version

Warning

The application can work on MacBook 2014 and newer MacBooks.

However, it does not work on older Macs due to the lack of WebGL support.



Operating System:
Works on Meta Quest 1, Meta Quest 2, Meta Quest 3 and Meta Quset Pro

Operating System:
android 9 or higher


SOFTWARE REQUIREMENTS

We recommend using Chrome 64bit as a browser.

Warning

Vemaker does not run on Safari.
Mac users should install Chrome 64bit for mac to run Vemaker

INTERNET CONNECTION

Warning

5 Megabit+ Download
2 Megabit+ Upload

CONNECTION FROM BUSINESS

Warning

FOR SECURED NETWORK

Participants who will connect to your events from the company network or similar networks may need the support of IT teams to avoid connection problems. In order to prevent connection problems before they occur, the following document should be shared with the IT team.

FIREWALL CONFIGURATION DOCUMENT 

Ports work as web sockets. If they need to be opened within your organization's network, they need to be opened on URLS, that is, they do not have static IP.


On the sound system side, the sections indicated with - (hyphen) are port ranges and all ports in this range must be opened. (for example 4700-5000)


*.exitgames.com:443 *.exitgames.com:4533 *.exitgames.com:4012 *.exitgames.com:19090 *.exitgames.com:19093 *.photonindustries.io:443 *.photonindustries.io:19090 *.photonindustries.io:19093 *.photonengine.io:443 *.photonengine.io:19090 *.photonengine.io:19093 *.vemaker.com:443


For the audio and camera sharing system


*.agora.io *.edge.agora.io *.sd-rtn.com *.edge.sd-rtn.com


On these domains


TCP 80; 443; 3433; 4700 - 5000; 5668; 5669; 6080; 6443; 8667; 9667; 30011 - 30013


UDP 3478; 4700 – 5000;


(Hyphens denote port ranges.)

Port and port ranges must be opened.


Click here to download Firewall documentation.

TEST

https://vemaker.com/vem/webglapp


You can register and use the application from the link. If you can use the application in this link without any problems, the application in your own world link will work without any problems. 

After creating an avatar, make sure that the above ports are open in case you freeze on the loading screen when you press the start button. 

If you cannot hear anyone after logging into the application and the notification area next to the microphone icon at the bottom left says disconnected, make sure that the sound system ports are open. 

You can access the app with personal or mobile internet without opening any ports.


Vemaker

A1 ACCOUNT

Users are required to have an account to use Vemaker. There are four ways to create an account
1.User registration: Users can register themselves when logging in to an event or through the Vem Portal.  
2.Event management registration: User accounts can be pre-created by event management.
3.Automatic registration: The “Sign in with Google” option automatically creates an account for the user.
4.Purchase registration: Purchasing propackage automatically creates an account.

A2 LOGIN

Vemaker offers various login systems to cater to different types of events.
The login process allows users to access the platform based on their specific requirements.

A2.1 Login:
Click the "Login" button to access the platform using your account information.
A2.2 Language: 
Select the desired language for the Vemaker interface from the available language options.
A2.3 Google Sign-In:
Click the "Sign in with Google" button to log in using your Google account credentials.
A2.4 Email:
If you already have an account or recently registered, enter the email address associated with your Vemaker account.
A2.5 Password:
Enter the password corresponding to the provided email address. If a user has a pre-created account by the event management password button will not appear.
A2.6 Register:

If you don't have an account, click the "Register" button to create a new account.
Fill in the registration form with the required information. The form includes fields such as first name, last name, and company name, which will be visible to other users. After completing the form, submit it to create your account. Note that the profile information can be edited after submission.
If user have a pre-created account register button won’t appear as the user already have an account 



A3 AVATAR

A3.1 CREATING YOUR AVATAR

Below the tools for avatar creation is explained
A3.1.1 Customization Options:
Select the feature you wish to customize for your avatar's appearance. Choose one of the options available from the customization menu.
A3.1.2 Body Preset:
Select a body preset that best suits your desired avatar physique.
A3.1.3 Zoom:
Utilize the zoom functionality to get a closer or wider view of the avatar's face
A3.1.4 Random:
Generate a random avatar with randomized features by selecting the random option.
This provides a quick way to create an avatar without specific customization choices.
A3.1.5 Save:
Click the save button to preserve your avatar settings and proceed to the next steps.


A3.2 EDITING YOUR AVATAR

In the avatar editing scene users can edit their profile and avatar
A3.2.1 Edit Profile:
Click to edit your profile. Only first name, last name and company name can be edited in this menu. Further customization is possible in Vemportal.
A3.2.2 Edit Avatar: 
Click to go back to the avatar creation scene and edit your avatar.
A3.2.3 Start:
Click to enter the Vemaker.


A.4 AVATAR ABILITIES

Avatars in Vemaker possess various abilities that allow them to move, communicate, and act in the virtual world.
Abilities of an avatar will change according to the “role” of the avatar.
There are four avatar roles in Vemaker:
  • Participant: This is the basic avatar with no additional abilities.  
  • Presenter: Avatars with presenter roles can use presentation abilities.
  • Administrator. Avatars with administrator role has access to abilities related to event management
  • Camera operator: Camera operators can access abilities that allow them to take screenshots and screen recordings easily and efficiently.
Note: An avatar can have multiple roles.
For example an avatar can have Presenter, Administrator and Camera operator roles at the same time.

A4.1 BASIC AVATAR ABILITIES

A4.1.1 Movement
In Vemaker, you have full control over the movement of your avatar using either the arrow keys or the WASD keys on your keyboard. To increase the movement speed of your avatar, simply hold down the "Shift" key while using the arrow or the WASD keys.
A4.1.2 Communication
Vemaker offers three distinct methods of communication for avatars: speaking, text based communication, and image based communication (emojis).
A4.1.2.1 Speaking
Speaking with other avatars is controlled by the microphone of the avatar and the available audio formats.
Microphone Control:
The microphone control feature in Vemaker allows users to manage the audio input of their avatars. By interacting with the microphone icon located in the bottom right corner of the screen, you can toggle the avatar's microphone on or off.
Clicking the microphone icon will switch the avatar's microphone between an active and inactive state. When the microphone is active, audio input will be captured by the avatar. Conversely, when the microphone is inactive, audio input will not be transmitted.
Note: Active state is visualized with green color while inactive state is visualized with red. Microphone state is also visible in the avatar tag. 
A4.1.2.2 Spatial Audio
Vemaker provides two distinct types of spatial audio: 3D audio and 2D audio. These audio formats offer different auditory experiences within the platform.
A4.1.2.2.1 3D Audio (Distance Simulation)
3D audio in Vemaker creates an immersive sound environment by simulating the distance of audio sources in a three-dimensional space. This advanced technology enables users to experience sound as if it is originating from specific distances, thereby enhancing the realism and depth of the overall audio experience. 
Note: Avatars can not hear avatars farer than approximately 5 meters
A4.1.2.2.2D Audio (Uniform Strength)
2D audio in Vemaker delivers a conventional sound experience, where the perceived loudness or strength of audio remains consistent regardless of the distance between sound sources.
Note: The main audio format in Vemaker is 3D audio, while 2D audio is commonly used in presentation scenarios where maintaining a uniform audio level is crucial for delivering clear and easily understandable content.
Note: 3D Audio is specific to the scene however 2D Audio can be specific to avatars as well as the scene 
Microphone Importance: The microphone is an essential component of your Vemaker experience. If you encounter any issues with your microphone, please refer to "document-1" for further information.

A4.1.2.3 Chat
Users can engage in text-based communication through the Chat box located at the bottom right corner of the interface. Simply type your message and press the send button to communicate. It is important to note that messages sent through the chat can be seen by any user present in the scene.
A4.1.2.4 Emojis
The emojis menu is located at the middle bottom of the interface. By clicking on any emoji, you can express yourself without speaking. Emojis will appear above the avatar's head, effectively conveying your emotions and reactions.


A4.1.3 Action 
The action menu is located at the middle bottom of the interface. By clicking on the icons corresponding to various actions, your avatar can perform real-world actions. 
Basic action menu is constant. However, more action icons will be added to the interface in certain situations:
  • If the avatar's role changes. 
  • If and when an avatar triggers an indicator (visible or invisible)
  • If avatar enters to a  certain scenes
In other words there are four types of action in Vemaker
  • Basic actions
  • Role based actions
  • Triggered actions
  • Scene based actions
Basic actions:  
Wave hand: Basic hand waving
Clap: Basic clapping. 
Point out: Pointing out with one or two hands
Triggered actions:
Sit: Avatar sits down. Triggered when avatar approaches a chair.
Standup Avatar stands up. Triggered when the avatar sits down.
Scene based triggered actions:
Raise hand: Avatar raises hand to ask a question or comment on the topic. Appears in scenes with a presentation system. Triggered when avatar sits down
Presentation camera: Avatar's camera focuses on the presentation. Appears in scenes with a presentation system. Triggered when the avatar sits down.  
Stage camera: Avatar's camera focuses on the presentation. Appears in the scenes with a presentation system. Triggered when the avatar sits down.
Drawing board: Note area
Scene based actions:
Dance Twist: Appears in the amphitheater scene
Dance  Hands Up: Appears in the amphitheater scene
Dance YMCA: Appears in the amphitheater scene
Dance Twist 2: Appears in the amphitheater scene
Dance Mess Around: Appears in the amphitheater scene
Role based actions:
Share screen: Available to presenter role
Share webcam: Available to presenter role
Share PDF: Available to presenter role
Stop presenting: Available to presenter role


A4.2 PRESENTATION

A4.2.1 Presenter Role

There are two ways for avatars to assume the presenter role:
  1. Predefined Presenter Role. Avatars  that have a predefined presenter role, will have a red star icon visible in their avatar tag. To activate this role, the avatar needs to navigate to a specific location in the scene, often represented by a lectern. Multiple avatars can have the predefined presenter role, but only one can be the active presenter at a given time. Once the avatar reaches the lectern, they are prompted with the question "Would you like to be a presenter?" and must confirm their willingness to take on the role.
  1. Real-Time Assignment by Administration . The administration has the authority to assign the presenter role to avatars in real time. When assigned by the administration, the presenter role becomes immediately active, regardless of the avatar's position in the scene. However, the administration can only assign the presenter role to a single avatar at a time. Once assigned, the avatar is prompted with the question "Would you like to be a presenter?" and must confirm their acceptance of the role.
These mechanisms ensure that the presentation runs smoothly and that the presenter has the necessary tools to engage with the audience effectively. The additional step of confirming the willingness to be the presenter ensures that avatars take on the role knowingly and actively participate in the presentation.

A4.2.1.1 Presentation Tools

A4.2.1.1.1 Share Screen:

This tool enables the presenter to share a selected screen with the audience. It allows the presenter to display their screen content, such as slides, videos, or any other visual information, in real-time during the presentation

A4.2.1.1.2 Share Webcam:

With this tool, the presenter can share their webcam feed on the screen. It allows the presenter's video stream to be displayed to the audience, enhancing the personal and interactive aspect of the presentation.

A4.2.1.1.3 Share PDF:

This tool allows the presenter to share a PDF document on the screen. The presenter can upload a PDF file and display its content to the audience. It is useful for showcasing documents, reports, or any other visual materials in a PDF format.

A4.2.1.1.4 Stop Presenting:

This tool allows the presenter to stop presenting. When the presenter chooses to stop presenting, they lose all the presenter abilities, such as sharing the screen, webcam, or PDF. It signifies the end of the presentation and returns the control to the regular event environment.

A4.2.1.1.5 Q&A:

The Q&A tool empowers the presenter to manage the question-and-answer session during the presentation. When an avatar in the audience wants to speak or ask a question, the presenter can assign 2D sound to that avatar. This means that the audio of the avatar will be audible to the entire audience, allowing for a more interactive and engaging Q&A session.

A4.3 MANAGMENT

Administrative and camera controls empower avatars to efficiently manage events, maintain control over the virtual environment, and enhance the overall experience for participants within the Vemaker world.

A4.3.1 Admin Role

Admins are avatars with management tools for events. This predefined role provides them with all the abilities of a regular avatar, along with access to an administrative panel. Avatars must be assigned as admins before logging into the Vemaker world. Administrative roles are specific to each world, and multiple admins can exist in the same world.

Note: Admins have powerful tools that make event management easy. However, it is important to avoid assigning admin roles to unfamiliar users as they may cause unintended issues.


A4.3.1.1 Admin Tools

A4.3.2 Cameraman Role

The Cameraman role provides access to tools that allow easy capturing of screenshots and screen recordings from the events. An avatar can have both the Cameraman and Admin roles.

  • Camera On:

Activates the free camera mode for the admin avatar. The camera can be navigated using the WASD keys and mouse. Holding the right mouse button enables camera rotation, while the WASD keys control movement in different directions. Holding the spacebar with the WASD keys allows vertical movement, and holding the shift key increases camera speed. (Hotkey: "C" + "O")

  • Camera Off:

Turns off the free camera mode. (Hotkey: "C" + "O")

  • Disable UI:

Disables the user interface, providing a clean view for taking screenshots or recording the screen without any UI elements. (Hotkey: "D" + "U")

  • Enable UI:

Restores the user interface, bringing back all UI elements to their default state. (Hotkey: "E" + "U")

  • Turn Off Avatar

Tag: Hides the display of the avatar's name while keeping the microphone icon visible. (Hotkey: "C" + "N")

  • Turn On Avatar Tag:

Displays the avatar's name on the screen. (Hotkey: "O" + "N")

  • Take Screenshot:

Allows clicking to capture screenshots.

Please note that an avatar can have both the Cameraman and Admin roles simultaneously.



A5 USER INTERFACE

A5.1.1 Avatar Portrait:

The avatar portrait is situated at the bottom left corner of the interface, next to the microphone icon. By clicking the camera icon, you can capture a selfie, while clicking the question mark icon provides access to the help sheet.

A5.1.2 Avatar Tag:

The avatar tag consists of your name, surname, and company name, which will be displayed. The microphone icon on top indicates to other avatars whether your microphone is on or off. If you have a predefined role, additional icons will appear next to the microphone icon.

A5.1.3 Announcements:

System announcements will appear here.

A5.2.4 Utilities menu:

 A5.2.4.1 Clock:

Show the time (GMT+03:00) 

  A5.2.4.2 Locations: 

Teleport to the selected room/area. 

  A5.2.4.3 Notes: 

Types your notes. Visible by the user. Notes will be deleted when avatar exits

  A5.2.4.4 User List: 

List of all the avatars in the room. Other rooms are not listed here.

  A5.2.4.5 Settings:

Change microphone input

Turn on/off ambient music

Change ambient music volume

Change ambient song

Change graphic settings

 A5.2.4.6 Exit:

Click to exit to the login screen


VEM Portal

Section B1: Introduction


B1.1 Overview

VEM Portal is a robust application tailored for the management and creation of virtual environments. It empowers users to craft and tailor virtual spaces, govern user permissions, and oversee diverse administrative tasks essential for virtual events. This section delves into comprehensive insights on world user management, encompassing user roles, authentication protocols, and user administration functionalities

B1.2 Accessing VEM Portal

VEM Portal is accessible through standard web browsers, eliminating the need for cumbersome installations. To initiate your VEM Portal experience, simply navigate to the following link: https://portal.vemaker.com/. You can then log in using your existing account credentials or conveniently sign up. Furthermore, Google account authentication is an available option for user login.


Section B2: Dashboard


B2.1 Dashboard Overview

The Dashboard serves as a central hub, providing users with access to invaluable resources such as VEM Tutorial videos and swift entry to various categories of virtual worlds

B2.2 World Categories

Within the Dashboard, three distinct world categories are available

B2.2.1 Participated Total Worlds

B2.2.2 Accessible Total Worlds

B2.2.3 Total Worlds I Own


Section B3: Transactions

Under the Transactions section, users can monitor and review their transaction records. This feature facilitates the generation of transaction records in diverse formats and enables easy copying of transaction lists to the clipboard.

Section B4: World Operations


B4.1 Accessible Worlds

VEM Portal categorizes worlds into two primary types: Public Worlds and Private Worlds.

B4.1.1 Public Worlds


B4.1.1.1 Join

Utilize the "Join" functionality to register and access a public world.

B4.1.1.2 Explore Rooms

Explore a comprehensive, searchable list of rooms within the selected public world and initiate login to a specific room.

B4.1.2 Private Worlds


B4.1.2.1 Join

Access to private worlds is exclusively granted to users with pre-registered accounts. It's imperative to note that only world managers possess the authority to create pre-registered accounts.

B4.1.2.2 Explore Rooms

Similar to public worlds, private world users can access a searchable list of rooms within their chosen world. Clicking "Join" will redirect users to the login page for the selected room

Section B5: World User Operations


B5.1 User Management

This section equips users with an interface to display the user roster for a chosen world, alongside functions for viewing and editing user details. Additionally, user accounts can be deleted or direct messages can be initiated.

B5.1.1 Invite and Add

The "Invite and Add" panel facilitates the addition of users to a world via two methods

1.Individual User Addition: Enter the user's email in the designated input field and subsequently click "Add to [world name] world."
2.Bulk User Addition: Users can opt for the bulk addition method by downloading an example Excel file, completing it in adherence to the provided example, saving the file, and then importing it using the "Import Bulk" feature

B5.1.2 General User Operation

This panel offers a comprehensive list of users registered within the world. Users can export this list in diverse formats or copy it to the clipboard. Pre-made export filters are also available for specific sets of user information. Users can execute changes to user profiles by selecting one or more users from the list, specifying the desired operation under the "Operation" column, and proceeding accordingly.

B5.1.2.1 Operations:

Users have access to five distinct types of operations:

See User Details: Allows for the retrieval of first names, last names, and company names.

Edit User Details: Enables modifications to user information directly through this panel.

Bind a Role to Users: Grants users specific roles, which in turn limit their access within the portal.

Set In-World Privilege of the User: Facilitates the selection of privileges from a dropdown menu.

Send Invitation Mail: Streamlines the process of sending invitation emails to selected users.


B5.1.2.2 Register Management


B5.1.2.2.1 Register Type

VEM Portal offers two distinct registration methods
  1. Standard Registration: Users create their accounts.
  2. Without Password: Event management pre-creates user accounts.

B5.1.2.2.2 Register Management

This section primarily revolves around the manipulation of the user registration form


Section B6: Crowd Control

B6.1 Overview

Crowd Control represents a real-time tool designed to monitor and facilitate the teleportation of users during events. To teleport one or multiple users, simply select the desired users and specify the target scene. The user table can be exported in various formats and copied to the clipboard. By default, the crowd control tool monitors all scenes, but users can apply scene filters as needed from the "Target Scene" dropdown menu

Section B7: Analytics


B7.1 Overview

Analytics serves as a data collection tool during events

B7.1.1 Filters

Analytics streamlines data filtering through four distinct criteria:

Module: Filters data based on the selected data type.

Scene: Filters data by the selected scene.

Date: Filters data by date.

Time: Filters data by time.

It's worth noting that filtering data during an event may lead to inaccurate results. To ensure precision, it is recommended to apply filters after the event.

B7.1.2 Metrics

Under "Basic Info" and "Avatar Info," users can select the categories to be used in analytics.

B7.1.3 Unit Settings

This section allows users to define the time unit to be employed in analytics.


Section B8: Miscellaneous

B8.1 Explore Room List

The "Explore Room List" feature generates a comprehensive list of dynamic rooms available for users. Users can access these rooms by clicking the "Join Now" button


Section B9: Information & Contact

B9.1 Tickets

B9.1.1 Create Ticket

This form facilitates the creation of new tickets.

B9.1.2 Tickets

Users can view the list of active tickets.

B9.2 VEM Documentation

VEM Documentation provides in-depth insights and information regarding Vemaker

VEM Designer

C1. Introduction

C1.1 What is VEM Designer?

VEM Designer is an application designed to empower users to manipulate world brandings and colors within the Vemaker online platform. This tool provides a range of features for customizing the visual elements of virtual worlds, enabling personalization for diverse events and occasions. This section serves as a guide to using VEM Designer effectively, demonstrating how to tailor branding elements, colors, and overall aesthetics to your preferences.

C1.2 File Type and Size Limitations

VEM Designer operates with specific limitations concerning file types and sizes. It allows a maximum texture size of 3 MB for uploads. Additionally, videos should not exceed 5 MB in size.

C2. Scene Selection and Navigation

Once logged in, you'll have the option to choose the scene you wish to work on within VEM Designer. Navigating the virtual environment is facilitated through user-controlled movements. Employ the WASD keys for forward, left, right, and backward motions. The mouse is used, with the right-click button held down, to rotate the camera perspective.

C3. User Interface (UI)

The UI of VEM Designer encompasses the following components:

Scene Name and Branding Language: Support for dual-language branding necessitates preparation of both Turkish and English versions of the scene.

Language Selection: Choose the desired language for the interface.

UI Color Editor: Customize UI colors as needed.

Change Scene: Switch between different scenes.

Quit: Exit the VEM Designer application.

 

C4. Identifiers

VEM Designer encompasses eight types of identifiers, each serving a specific purpose in the customization process.

C4.1 Types of Identifiers

VEM Designer features the following types of identifiers:

Image: Supports transparent and opaque image files (PNG format).

Video: Allows upload of video files (MP3 format).

Texture: Permits transparent and opaque image files (PNG format).

Holo Texture: Similar to texture, with an added hologram effect (PNG format).

Link: Creates clickable links that open in a new tab.

PDF: Generates clickable PDF links that open in a new tab.

Color Palette: Enables users to modify object colors.

C4.2 Editing Identifiers

To edit an identifier within VEM Designer:

Click on the blue sphere representing the desired identifier.

Select an operation from the options menu.

Choose the file you wish to load.

The loading menu incorporates three specifications:

  1. Recommended Resolution: Balances image quality and performance; larger files offer better quality at the potential cost of performance.
  2. Resolution of Uploaded File: Displays the resolution of the loaded file.
  3. Maximum File Size: Indicates the file size limit.