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
Comments