What Is the Best Background Size for Power Apps Canvas App?

Question

I'm building a Power Apps Canvas App and want to add a background image that fits the screen properly without stretching or cutting off. I noticed there are different layout options (phone vs. tablet), and I’m not sure what image size is best to use for each.

What are the recommended background image dimensions for phone and tablet/desktop layouts in Power Apps? Also, how can I make sure the background image fits well across different screens and devices?

Answer 1

Recommended Background Image Size for Power Apps

To ensure your background image fits correctly without stretching or losing quality, use the following guidelines:

1) Tablet/Desktop App (Most Common Layout)

• Recommended Image Size: 1366 × 768 pixels
• Image Format: JPG or PNG
• File Size: Keep it under 500 KB to avoid performance issues

2) Phone App

• Recommended Image Size: 412 × 915 pixels (or higher, such as 828 × 1792 for Retina/High DPI screens)
• File Size: Keep it under 500 KB to avoid performance issues

Tips for a Professional Look

• Avoid very large images, they slow down app performance.
• Make sure the image matches your screen resolution.
• Enable “Scale to fit” and “Lock aspect ratio” under Screen Settings for consistent behavior.