PcoWSkbVqDnWTu_dm2ix
We use cookies on this site to enhance your user experience

Game Thumbnails and Videos

Game Thumbnails and Videos

Oct 19 2018, 9:42 PM PST 5 min

A game thumbnail can be used help advertise a game, showcase game features, or even announce updates. Roblox provides a thumbnail system for games that can be customized to suit the needs of each game.

Thumbnail0.png

Games can have up to 5 thumbnails. Each of these can be an image or a video.

Default Thumbnail

When a game is published for the first time a thumbnail is automatically assigned to it. This thumbnail is randomly selected from a collection of default thumbnails.

Thumbnail1.png

Custom Thumbnail

A developer can set up to 5 custom thumbnails for a game. There are 3 different types of custom thumbnails that can be used: uploaded images, videos, and automatically-captured images from the game itself.

To set up any type of custom thumbnail for a game, navigate to the game’s page and select Configure Place from the Edit dropdown:

ThumbnailManual2.png

Alternatively, this can be accessed by clicking on the Configure Place option for the starting place of the game.

ThumbnailManual3.png

Once on the Configure Place page, click on the Thumbnails tab to begin configuring the thumbnails for the game.

ThumbnailManual4.png

Auto-Generated Image

One of the simplest ways to add a custom thumbnail is to use the auto-generated image from the game itself. This option is completely free and can be used to let the environment of the game speak for itself.

To use an auto-generated image, select Auto generated Image from the menu on the right and click Set Thumbnail. This will take a screenshot of your game, send that shot to moderation for review, and it will then be added to the list of useable thumbnails for your game. To change the image that is generated, you will need to move the camera in Studio as described below.

ThumbnailManual5.png

The screenshot is generated from the position of the camera in Studio the last time the place was uploaded. For example, the following Studio session would result in the following thumbnail:

ThumbnailManual6.png

ThumbnailManual7.png

Image

Another way to set a thumbnail is to upload an image file. To do this, select Image from the right menu. Next, click Choose File to select a local file to upload, then Upload Image to submit the image for review. Once the image passes moderation, it can be used as a thumbnail for its game.

ThumbnailManual8.png

Roblox supports .png and .jpg formats for thumbnail images, although .png is recommended. It is also recommended to use images with a resolution of 1920×1080 so that it displays nicely across all platforms (Xbox, mobile, computer).

Note that uploading an image costs 10 Robux per upload.

Video

Video thumbnails can also be used on a game’s page for mobile and computer users (Roblox on Xbox does not currently support video thumbnails). To use a video for a thumbnail, select Video, enter the YouTube URL of the video to use, and click Add Video. Once the video has been reviewed for moderation, it will be available for use as a thumbnail.

ThumbnailManual9.png

It is recommended to use videos with a resolution of 1920x1080 so that it fits within the thumbnail frame correctly and can be played at good resolution across all supported platforms. Note that adding a video costs 500 Robux per addition.

Free Camera Mode

When capturing in-game screenshots or videos, it may be helpful to enable Free Camera mode. This lets you move the camera around the game world and capture specific views/angles that aren’t otherwise possible.

To enable the free camera from any game where you have server-side developer console access, press Left Shift+P.

Once in free camera mode, use W A S D or U H J K to move the camera around, along with Q / E or Y / I to move down/up. Hold Shift to change the camera movement speed and use the mouse scroll wheel to zoom in or out.


Thumbnail Ordering

If multiple thumbnails are created for a game, the game detail page will cycle through them automatically. The order that these thumbnails will be displayed can be changed on the Configure Place page by simply dragging the thumbnails to the desired position.

ThumbnailOrdering.gif

Model Thumbnails

Models can also have thumbnails. These are used when displaying the models in Studio’s Toolbox. To set up the thumbnail image for a model, follow the following steps:

  1. Make sure the Model is in the Workspace.
  2. Position Studio’s camera so it is looking at the model. The perspective and orientation of the camera will be used for the image.
  3. Copy the Camera object in the Workspace and paste it directly into the Model.
  4. Rename the copied camera to ThumbnailCamera.
  5. Right-click on the Model and select Save to Roblox. This will publish the model and will also take a snapshot to use for the thumbnail.

ThumbnailCamera.gif

Tags:
  • design
  • branding