All you need to know about adding images:

Below is all the information on the different types, size and places where you can add images to the builder and where they show in your STQRY app. 

Please note that we resize the image for the display on our end - you don’t have to make them smaller before uploading. 

Collection Places Images

Large cover / Header:

Located in a collection list where the header layout is set to Background/logo. It shows in the collection list at the top of the screen. The aspect ratio is 16:9. Please note that this image scales depending on the screen size and can get cropped on larger screens. So it's best to add any text to the logo image or if you do have text on the background image then make you have a sizeable border for any cropping that may occur.

Logo (Optional): 

Located in a collection list where the header layout is set to Background/logo.It shows in the collection list at the top of the screen. The logo is overlaid on the background image. The logo doesn't have an aspect ratio. It takes up 30% of the height. So you can upload a wide image and it will expand to the right. The image can be solid or have a transparent background. Adding a logo is optional.

Collection Tour Images

Tour Large

Located in a Collection Tour where the layout. It shows in the tour overview at the top of the screen. The aspect ratio is 16:9.

                     .  

List Large

Located in a Collection List where the list layout is set to Wide List. The Wide list has wider icons in a single list. It shows the icons in the list overview screen. The image aspect ratio is 16:9. If no i is added it will be show as a blank greyish icon.

List Square

Located in a Collection List where the list layout is set to Grid List. It shows in the tour overview at the top of the screen. The image aspect ratio is 4:3

Menu Icon

Located on the Screen Story options page the square icon is for the menu. It shows in the tour stop menu list. The image aspect ratio is 1:1

Gallery Image

Located on the Screen Story page when you add a + New Item. It on the tour stop page. There is no aspect ratio for the gallery images but they are scaled proportionally to fit the space.

Badge Image

For the badge image, you can use an image of any size and resolution, as long as it is square. Keep in mind that a circular mask will be applied to the image, with the circle's diameter matching the width of the square.

Ratio reference:

• A common 1:1 ratio is 1080 x 1080 pixels.
• A common resolution in the 4:3 ratio is 1024 x 768 pixels.
• Common resolutions in the 16:9 ratio are 1920 x 1080 pixels and 1280 x 720 pixels.

Attachments (7)

iVBORw0KGgoA....png
4.24 MB

iVBORw0KGgoA....png
2.76 MB

Screen_Shot_....png
56.2 KB

iVBORw0KGgoA....png
3.15 MB

Screen_Shot_....png
80 KB

iVBORw0KGgoA....png
4.06 MB

iVBORw0KGgoA....png
1.72 MB