The graphical recommendations included in this guide are game-specific. You can find general recommendations for backgrounds, logos, and other images here.
Required graphics are marked with a star*
Dimensions are listed in pixels, width x height
.
Maximum file size: 700kb
File types: .png, .jpeg, .jpg, .gif, .svg
Campaign Link connects multiple games. The player has an overview of all of the games they can play, usually shown with thumbnail images.
Thumbnail images
Number: 3 styles for each game: locked, active, complete
Recommended maximum: 36 (12 different games)
Recommended size: see below (based on number of thumbnails)
You can create separate thumbnails for desktop and mobile if you want to use different dimensions. Otherwise, the images will scale to fit on mobile.
Thumbnail styles
Locked: This is what the player will see if they are not allowed to open the game. This could be because they have not completed the previous game, because the game is date-controlled, or for some other reason (metric data filters).
Active: This is what the player will see when they can open the game and play it. Once they complete the game (which might mean winning it, but could also just mean finishing it), they will see the Completed thumbnail.
Completed: This is what the player sees when they have completed the game. This can either mean that the player cannot open the game again, or that they can re-play the game if they like (but re-playing will not change the fact that the game has been completed).
Thumbnail size
The size of your thumbnails will depend on how many games you have.
Below are the measurements for the thumbnail width based on how many columns per row you are using. The height will depend on how many rows there will be (e.g. 6 games in 3 columns = 2 rows).
Number of Columns | Width (desktop) | Width (mobile) |
1 | 1080px | 300px |
2 | 525px | 135px |
3 | 340px | 80px |
4 | 255px | - not recommended - |
5 | 200px | - not recommended - |
6 | 160px | - not recommended - |
Examples
Below are examples of two versions of the locked/active/complete thumbnails in different sizes.
Example 1, 340px x 500px:
Example 2: 340px x 310px:
Check out the other articles in the campaign link bundle: