How to Use STQRY to Create Stunning Backgrounds for Your App

Created by Glen Barnes, Modified on Wed, 3 Jul at 5:24 AM by Natalie Nguyen

One of the ways to make your app more attractive and unique is to use a custom background image for your app or for each screen of your app. A custom background image can enhance the mood, theme, and style of your app and make it stand out from the crowd.

In this article, we will show you how to work with the custom background image on STQRY. We will cover the following topics:

  • How to choose the right custom background image for your app
  • How to upload and edit the custom background image for your app
  • How to apply the custom background image to your app or to each screen of your app

How to choose the right custom background image for your app

The first step in working with custom background images on STQRY is selecting the right image for your app. It should align with your app's content, purpose, and target audience without distracting or confusing users.

Here are some tips for choosing the perfect custom background image:

  • Texture-Centric Design: Consider the background image as a texture, not a dominating photo. 

  • Versatile Fit: Remember the image will adapt to different screen sizes and orientations, so ensure it suits phones, tablets, landscape, and portrait views.

  • Relevance to Theme: Select images that align with your app's theme and story, creating a unified user experience.

  • Contrast and Space: Opt for images with good contrast and sufficient open space, allowing text and elements to stand out and remain organized.

  • Rights and Permissions: Use only royalty-free or properly licensed images to respect copyright regulations.

Untitled design (90).png


You can use your own photos or videos as the custom background image for your app, or you can use online sources such as Unsplash, Pexels, or Pixabay to find free images.

How to upload a custom background image for your app

Here are the steps to upload and edit a custom background image for your app:

  1. Log in to your STQRY account and access the STQRY Builder.

  2. Select the project to which you want to add the custom background image or create a new project.

  3. Under "Branding," scroll down and upload a single image or select an image from the library to the "App Background Image."

  4. Click "Save" to save your modifications.


Apps _ Davao Bests _ Branding.png

Applying a Custom Background Image to Individual Screens

To apply a custom background image to individual screens, follow these steps:

  1. Log in to your STQRY account and access the STQRY Builder.

  2. Under the "Content" section, search for the screen you want to edit, or create a new screen.

  3. In the "Background Image" section, upload an image or choose an image from the library.

  4. Click "Save" to save your modifications.


Screens _ _ Waterfront Insular.png


If you wish to use both an app-wide background image and unique background images for individual screens, you can combine both methods. Single-screen background images will override app-wide background images for those screens only.


This change does not require a new app build. Users will see the updates upon their first download. For existing app users, they will need to update the app to view the changes.


Should you require any assistance or have further questions, don't hesitate to reach out to our support team at support@stqry.com. Happy app building!

 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article