Skip to main content

Tile dimensions guide

Recommended and maximum pixel dimensions for each tile type. Use this reference to prepare assets that display correctly.

Written by Troy Villasanta

Non - full bleed section width is hardcoded to be at 1200px. To optimize the render within the sections, you would want to make the dimensions of your content proportionate with this number, or use it as a bare minimum. Moreover, you can refer to the target display resolution for the vertical dimension reference (length) for your content.
​
You can find more information about the current market distribution of screen resolutions in this article.

Based on the formula to get the tile dimensions based on the number of columns in a grid section, non - full bleed (default width), with and without the padding and margins, you can refer to the tables below for the minimum tile length values. You can definitely set higher resolutions for your content, but we highly recommend that you make them proportionate with the values shown in the tables below.

For a better viewing experience, you can right-click on the images of the table below and load them in another browser tab.

Default / Standard Grid Section Width (Non - full bleed)

Full Bleed Grid Section - 1366px screen resolution

Full Bleed Grid Section - 1920px screen resolution

Full Bleed Grid Section - 1280px screen resolution

Full Bleed Grid Section - 1440px screen resolution


For guidance on how tile dimensions interact with image display, see the guide to adding images and tiles with the right dimensions.

Did this answer your question?