To ensure that your images display correctly in most of the app’s formats, we provide this Preview Template in PNG format:

Gabarit à télécharger

🛠️ How to test your visual?

1. Import the template into your visual creation tool (Canva, Photoshop, or another...)
2. Import your image in the following format: 4:3 aspect ratio, 2360 x 1770 px.
3. Place your image under the template (the template must be in the foreground).
4. Align the center of your main subject with the green cross in the center.

🔍 Understanding display areas

The template uses color codes to indicate what will be visible depending on the context:

• White Area (Center): The "Safe Zone." Anything located here will be visible on most app components. Place your crucial elements here (faces, text, logos).
• Light Pink Zones: Secondary safety zones. They are visible on most formats but may be slightly cropped or covered by interface buttons.
• Red Zones (Top and Bottom): Critical zones. These will be hidden on several formats. Avoid placing important elements here.

💡 Tips for optimal rendering

• Center the subject: Opt for centered compositions. If your subject is too close to the edges, it may be cropped on mobile devices.
• Pay attention to the bottom of the image: This is the area most often hidden by interface elements (headings, buttons). Leave some breathing room at the bottom of your visual.
• Adjustment: If an important element falls within a red zone, slightly reduce the size of your image or move it to bring it closer to the green cross.

📱Example with Canva