Touchpix allows full customization of both the app and web gallery elements. Below you can find the recommended file formats and dimensions for each customizable option. Following these guidelines will ensure your designs are optimized for the best visual quality and performance across both platforms, creating a smooth and visually appealing user experience.
We recommend starting by determining your device's screen dimensions.
Where to find your device's screen resolution
Most apps automatically resize uploaded images to fit the screen, but this can cause issues when using a background designed for an iPad on an iPhone or vice versa. Differences in screen aspect ratios can lead to stretched or compressed images, distorting their original proportions. To avoid this, we recommend the following steps:
Open the settings on your iOS or Android device.
Navigate to "General > About" (iOS) or "About phone" (Android) to find your device model.
Visit DeviceSpecifications and search your device model.
In the "Specifications" tab, navigate to the "Display" section and find the "Resolution" details (provided in portrait orientation).
For example, if you search for "iPhone 16 Pro Max," the resolution is 1320 × 2868 pixels. To design screen backgrounds for portrait orientation, use these values. If designing for landscape orientation, simply swap the values to 2868 × 1320 pixels for optimal results.
Branding details
App Branding
Event logo:
Dimensions: App crops to 80 px maximum if exceeded.
Max size: 2 MB
Formats: JPEG, JPG, PNG
Button designs:
Dimensions: 100 × 100 px
Max size: 5 MB
Formats: PNG, JSON
App Background:
Dimensions: Your device's screen resolution.
Max size: 15 MB
Formats: JPEG, JPG, PNG, MOV, MP4
Countdown Screen:
Dimensions: Your device's screen resolution.
Max size: 5 MB
Formats: PNG, HVEC, or JSON
Record Screen:
Dimensions: Your device's screen resolution.
Max size: 5 MB
Formats: MOV, MP4
Thank you Screen:
Dimensions: Your device's screen resolution.
Max size: 15 MB
Formats: JPEG, JPG, PNG, MOV, MP4, JSON
Attract Screen:
Dimensions: Your device's screen resolution.
Max size: 15 MB
Formats: JPEG, JPG, PNG, MOV, MP4, JSON
Trigger background:
Dimensions: Your device's screen resolution.
Max size: 5 MB
Formats: JPEG, JPG, PNG, MOV, MP4
Web Gallery Branding
Company logo:
Dimensions: Browser crops to 150 px in width.
Max size: 2 MB
Formats: JPEG, JPG, PNG
Background:
Dimensions: The background will repeat itself to match any screen resolution.
Max size: 2 MB
Formats: JPEG, JPG, PNG