With the release of Breakthrough 6.x, partners now have more control over their app's content and visuals. To ensure your images display correctly and look professional, it’s important to follow the recommended dimensions and aspect ratios for different types of content. Below is a detailed guide to help you optimize your images.
📏 Image Dimensions & Aspect Ratios
1️⃣ Category Images
Aspect Ratio: 3:2 (rectangle)
Recommended Dimensions: 1500 x 1000 pixels
File Size: Less than 1MB
Usage: Used for categorizing content and appearing as banners within sections like Explore or Featured categories.
2️⃣ Class, Course, & Program Images
Aspect Ratio: 1:1 (square)
Recommended Dimensions: 1080 x 1080 pixels
File Size: Less than 1MB
Usage: These images are used for class thumbnails, course previews, and program displays.
3️⃣ Onboarding & Landing Page Images
Aspect Ratio: Standard Portrait (iPhone size)
Recommended Dimensions: 1170 x 2532 pixels
File Size: Less than 1MB
Usage: Used for the initial app onboarding screens and landing pages to ensure a seamless, visually appealing experience.
🎨 Best Practices for Image Uploads
✅ Ensure images are high resolution to prevent pixelation.
✅ Keep important content centered to avoid cropping.
✅ Use consistent branding, colors, and styles for a professional look.
✅ Test images on different devices to confirm they display correctly.
✅ Keep file sizes under 1MB to ensure fast loading times and optimal app performance.
By following these dimensions and best practices, your content will look polished and professional across all sections of your Breakthrough 6.0 app. If you have any questions, feel free to reach out to partner@breakthroughapps.io for further assistance!
