Promotional Thumbnails

Thumbnails appear at the top of your experience's main page. Thumbnails allow you to further promote your experience, showcase its features, and announce updates and events. They are the first images users see after clicking on your game icon. There are two types of thumbnails that you can use to market your experience:

  • Image - Supplements the game icon, such as screenshots of gameplay or slides that demonstrate key details of your experience.

  • Video - Links directly to YouTube. Many creators use this type of thumbnail to display trailers.

Images are free to upload while videos have a moderation cost of 500 Robux.

Example of how thumbnails are displayed to users

Opening the Thumbnails Page

The Thumbnails page is where you perform all thumbnail-related tasks, such as uploading, ordering, and deleting thumbnails.

To open the Thumbnails page:

  1. Navigate to Roblox.com.

  2. In the horizontal navigation, select the Create tab. The Experiences space displays.

  3. Click the dropdown menu to the right of your experience, then the Configure Start Place menu item. The Configure Place space displays.

  4. In the left-hand navigation, select Thumbnails.

Uploading Thumbnails

You can upload up to 10 images and videos per experience.

Images

When you're creating an image to upload, use a template of 1920×1080 pixels in either .jpg, .jpeg, or .png format.

On the Thumbnails Page

To upload an image from the Thumbnails page:

  1. To the right of the preview thumbnail, select Image.

  2. Click the Choose File button. A file browser displays.

  3. Select the image you want to display on your experience's main page in addition to the game icon, then click the Open button. The file browser closes, and a preview of your thumbnail displays.

  4. Click the Upload Image button.

Once the Moderation team reviews your image thumbnail to ensure it adheres to the Community Rules and Terms of Use, it will display to all users.

In Studio

You can also upload image thumbnails directly in Studio. This is useful when you are capturing thumbnails in Free Camera mode while playtesting and want to immediately upload them for users to see.

To upload an image thumbnail in Studio:

  1. In the Home tab of the menu bar, navigate to the Settings section and click Game Settings. The Game Settings menu displays.

  2. In the Basic Info section, navigate to Screenshots & Videos and select the ┼ icon. A file browser displays.

  3. Select the images you want to display on your experience's main page in addition to the game icon, then click the Open button. The file browser closes, and previews of your thumbnails display.

  4. Click the Save button.

Videos

While you can't directly upload videos to Roblox, you can link to videos you have uploaded on YouTube.

To link to a video for a thumbnail in the Thumbnails page:

  1. To the right of the preview thumbnail, select Video. Additional fields display.

  2. In the YouTube URL field, enter the URL of the video that you want to display as your experience's video thumbnail.

  3. Click the Add Video button.

Once the Moderation team reviews your image thumbnail to ensure it adheres to the Community Rules and Terms of Use, it will display to all users.

Auto-generating Thumbnails

In addition to uploading custom image thumbnails, you can auto-generate images from the experience itself to showcase your environment designs.

To auto-generate an image from the Thumbnails page:

  1. To the right of the preview thumbnail, select Auto Generated Image. A preview displays.

  2. Click the Set Thumbnail button.

A thumbnail generates from the camera position in Studio based on the last time you published the place.

Providing Alt Text

It’s important to add a description, or alt text, to your thumbnails so they are accessible to everyone, including people using screenreaders.

When adding alt text to your thumbnails:

  • Avoid redundant text like "Image of" or "Picture of" before the description.
  • Include any text shown in your thumbnail.
  • Always describe the specific thumbnail, not your experience generally.

Good alt text is concise and succeeds in conveying the intended meaning behind the image. Consider the following thumbnail for The Mystery of Duvall Drive.

Example thumbnail for the following descriptions

The following quotes are good and bad examples of alt texts for the previous thumbnail.

The hour of departure has arrived. The gates opens, both in our world and beyond. We go our separate ways...

The hour of departure has arrived...
... We go our separate ways.

Image of an opening gate with a portal above

Game thumbnail for The Mystery of Duvall Drive

The Mystery of Duvall Drive is a showcase made by the Roblox VisTech team.

Ordering Thumbnails

If you upload multiple thumbnails, the experience's main page cycles through them automatically. To change the order of the thumbnail cycle from the Thumbnails page:

  1. Click-and-hold a thumbnail.

  2. Drag it left or right. The other thumbnails will move to the left or right of the thumbnail's new position.

  3. Click the Save button.

Deleting Thumbnails

Once you have uploaded a thumbnail to the Thumbnails page, it displays below the preview image with an X in the top right corner. To delete a thumbnail from the Thumbnails page:

  1. Click the X icon. A pop-up window displays asking if you would like to permanently delete the thumbnail.

  2. Click the Yes button.

Once you confirm the action, the thumbnail is removed from the queue and from the experience's main page.

Capturing Thumbnails in Free Camera Mode

Free camera mode is a useful tool to capture in-experience screenshots and videos because it allows you to move the camera to positions that aren't possible when testing or playing under normal circumstances. To enable free camera mode:

  1. Navigate to an experience where you have server-side developer console access.

  2. In the Home tab of the menu bar, navigate to the Test section and click Play.

  3. Press Left Shift + P.

You can now use W A S D to move the camera around, along with Q and E to move down and up respectively. To slow the camera movement speed, hold Shift, and to zoom in or out, use the mouse scroll wheel.