---
title: "What image sizes are recommended for Skio features?"
slug: "what-image-specs-are-recommended-for-skio-features"
updated: 2026-03-02T19:51:34Z
published: 2026-03-02T19:51:34Z
canonical: "help.skio.com/what-image-specs-are-recommended-for-skio-features"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.skio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# What image sizes are recommended for Skio features?

> [!NOTE]
> Unless otherwise noted, images must be uploaded in a supported format (SVG, PNG, JPG/JPEG, or GIF) and be no larger than 2 MB.

The following outlines image requirements by feature area, including upload method, recommended dimensions, file size limits, and supported formats.

## Customer Portal v2

#### Banner image

- **Upload method:** Image URL
- **Preferred aspect ratio:** 16:9
- **Validation:** Must be a valid `http://` or `https://` URL
- **Optional:** Banner image link (click-through URL)

![Customer portal settings with options for banner customization and subscription management.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 12.28.15.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

#### Loyalty logo

- **Upload method:** Image URL
- **Validation:** Valid URL format

![Loyalty program details including logo upload and subscription credits display.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 12.31.58.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

## Customer Portal CPv3

#### Login splash image (desktop)

- **Upload method:** Drag-and-drop file upload
- **Recommended aspect ratio:** 3:4 (portrait)
- **Max file size:** 2 MB

![](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/image(66).png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

#### Login splash image (mobile)

- **Upload method:** Drag-and-drop file upload
- **Recommended aspect ratio:** 3:1 (landscape)
- **Max file size:** 2 MB

![Customization options for a customer portal, featuring splash image and login details.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 12.34.13.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

#### Subscription custom banner (desktop & mobile)

- **Upload method:** Drag-and-drop file upload (separate images for desktop and mobile)
- **Recommended aspect ratio:** 3:1 (for example, 1200 × 400 px)
- **Max file size:** 2 MB
- **Optional:** Banner link (click-through URL)

![](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/image(67).png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

#### Loyalty brand logo

- **Upload method:** Drag-and-drop file upload
- **Max file size:** 2 MB

![Customization options for loyalty program visibility and rewards in customer portal interface.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 12.36.02.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

## Build-A-Box

#### Box cover image

- **Upload method:** Drag-and-drop file upload
- **Max dimensions:** 800 × 400 px
- **Notes:** Displayed on the storefront and Shopify product page. No strict file size limit is enforced, but smaller files are recommended for performance.

![Cloudwell's Static Box product listing with three types of gummies and pricing details.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 12.42.19.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

## Journeys

#### Banner (desktop & mobile)

- **Upload method:** Image URL
- **Recommended aspect ratio:** 3:1
- **Optional:** Banner link (click-through URL)

![Interactive banner setup with options for image and custom redirect URL actions.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 14.33.54.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)

## Referrals

#### Referral block – promotional image

- **Upload method:** Drag-and-drop file upload
- **Recommended aspect ratio:** 2:3
- **Max file size:** 2 MB

![Promotional image featuring plants and the word 'Referrals' for a referral page.](https://cdn.us.document360.io/a953bba6-c70d-43ce-bc77-d7f32a8fc514/Images/Documentation/CleanShot 2026-03-02 at 14.46.36.png?sv=2026-02-06&spr=https&st=2026-10-16T09%3A07%3A23Z&se=2026-10-16T10%3A07%3A23Z&sr=c&sp=r&sig=5VxvFRndcNp%2FZ4UU9Fs%2B5STjk48QF9QTPkFo%2F0ybKBs%3D)