The image below shows the widths of section layouts in Sporty, through the view of a standard 1080p monitor.  On smaller devices, the images will be automatically resized to fit.

Key image sizes

Header image

• Small: 1170 x 100px
• Medium: 1170 x 150px
• Large: 1170 x 250px
• Custom: 1170 x custom height px

Background Image

The background image size depends on the device its viewed on, but for best results across all devices, it's best to use standard 1080p dimensions:

• 1920 x 1080px

Using full width sections

Sporty now has the option to extend the content range of a section to fit the screen width.  Due to fact that the screen size will determine this, there are no best dimensions for section layout widths.

However, if you are using a full width section to display one large strip image, for best results the image should be 1920px in width, and whichever height you prefer.  This will ensure your image looks crisp on all devices provided you begin with a good quality image.

Download key images sizes