IMPORTANT: It is recommended that you use .JPG or .JPEG images since these file types resize well for web with an optimum file size. This is the normal file type produced when you take a photo with a digital camera or phone. Try to avoid .PNG files since these tend to be large and don't optimise readily for web. If you must use a .PNG you should ensure its file size is under 150KB or your website may be viewed unfavourably by Google and other search engines. For instructions on how to upload images, see this support article.

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 it's 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