Images

Discover how to optimize your images in PandaSuite, add new images, and the different possible properties and interactions. 

Images are an essential component of any application or digital project. When used well, they can bring your content to life and make it more appealing and engaging. 

Image Preparation

To ensure optimal display on all devices, we recommend working on your images in @2x, which is particularly important for HD/Retina resolutions. Thanks to cloud technology, PandaSuite optimizes your images and only downloads the most suitable version for each device, thus making your application lighter.

The image formats accepted by PandaSuite are: .JPG, .JPEG, .PNG, .TIFF, .TIF, and .GIF. In addition, PandaSuite also allows the insertion of vector images.

Adding an Image

  1. Click on the Image or Files icon in the top menu bar.
  2. A window will open for you to browse and select the image of your choice from your computer.
  3. Once the image has been selected, click on Open and the image will appear on your workspace.

Image Properties

By clicking on an image, you have access to its properties. Here are the main options available :

  • Source : This option allows you to replace your image with another while retaining the properties you have previously set for the image in your project. This is particularly useful when duplicating a layout.
  • Quality : This option alerts you to the quality of your image based on its resolution. If this indicator exceeds 50%, the quality of your image may degrade.
  • Mask : By clicking on "Add a mask", you can define the visible area of your image and its shape (square, round, bubble, triangle, star, etc.).
  • Border and Rounded Corners : You can assign a border to your image or round its corners for a softer look.

💡 When inserting an image into your application, check its properties to verify the quality of your image. The Size/Quality indicator alerts you to the quality of your image based on its usage. If it exceeds 50%, your image may degrade.

Triggering an Action from an Image

  1. Select your image and open the Actions window.
  2. Click on + New Action to choose a trigger. For example, you can set an image to redirect the user to another page when clicked on.

With these tools at your disposal, you can create PandaSuite projects with the highest quality images. Be creative and experiment to bring your vision to life!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.