La photo de couverture permet de personnaliser votre collection et de donner envie aux autres utilisateurs de découvrir vos parcours.
Pour obtenir le meilleur rendu possible sur OpenRunner, voici quelques conseils pour bien choisir votre image.
Pourquoi ma photo de couverture est-elle parfois recadrée ?
Sur OpenRunner, votre photo de couverture apparaît à différents endroits : sur la page de votre collection, dans les listes de collections, sur le site web et dans l'application mobile.
Selon le support et la taille de l'écran, les proportions d'affichage varient. Votre image est automatiquement ajustée pour remplir l'espace disponible. Certaines parties peuvent donc être masquées.
Par exemple, une photo parfaitement cadrée sur ordinateur peut apparaître différemment sur mobile.
Quels sont les formats d'affichage ?
Voici les principales dimensions utilisées pour les couvertures de collections :
| Emplacement | Format d'affichage |
|---|---|
| Page de collection sur ordinateur | 1 084 × 224 px |
| Page de collection sur le web mobile | 375 × 182 px |
| Page de collection dans l'application mobile | 800 x 340px |
| Miniatures | Ratio 3:2 |
Ces dimensions correspondent aux zones d'affichage et non à des dimensions obligatoires pour votre fichier.
Le rendu peut également varier dans les listes de collections et selon la taille de votre écran.
Il n'existe donc pas de format unique garantissant un cadrage identique partout.
Nos 5 conseils pour une couverture réussie
1. Privilégiez une photo au format paysage
Choisissez de préférence une photo horizontale, suffisamment nette et de bonne qualité. Les images trop petites risquent de perdre en netteté lorsqu'elles sont agrandies.
2. Placez le sujet principal au centre
Qu'il s'agisse d'un paysage, d'un cycliste ou d'un randonneur, privilégiez une composition centrée. Cela permet de conserver les éléments essentiels lorsque l'image est recadrée.
3. Gardez de l'espace autour du sujet
Évitez de placer des éléments importants trop près des bords. Les parties latérales, mais aussi le haut et le bas de votre photo, peuvent être coupés selon les formats.
4. Évitez d'intégrer du texte dans votre image
Les textes, logos et autres éléments graphiques peuvent être partiellement masqués lors du recadrage.
Si vous souhaitez intégrer un logo ou du texte, placez-le au centre de l'image, en conservant des marges suffisamment importantes. Sa visibilité sur tous les supports ne peut toutefois pas être garantie.
5. Vérifiez le rendu après l'importation
Une fois votre photo ajoutée, consultez votre collection sur ordinateur et sur mobile pour vérifier que le cadrage vous convient.
Vous pouvez ensuite ajuster votre visuel si nécessaire.
À retenir
Pour une couverture réussie sur OpenRunner, choisissez une belle photo au format paysage, placez les éléments importants au centre et évitez les textes ou logos sur les bords.
Ces quelques bonnes pratiques vous permettront d'obtenir un rendu plus harmonieux sur le site web et dans l'application, malgré les différences de cadrage.
