Vome vous permet de téléverser des photos de couverture (bannières) et des logos dans plusieurs sections de la plateforme, notamment le site de votre organisation, les pages d'opportunités, les pages de formulaires et les catégories. Chaque image a des dimensions recommandées spécifiques pour garantir un affichage correct.
Cet article couvre toutes les dimensions recommandées, les formats et les conseils dont vous avez besoin pour que vos images soient soignées et professionnelles.
Voici un résumé des dimensions recommandées pour chaque type d'image sur la plateforme.
Photos de couverture (images rectangulaires larges) :
| Image | Taille recommandée | Rapport d'aspect | Format |
|---|---|---|---|
| Photo de couverture de formulaire | 1200 x 400 px | 3:1 | JPG / PNG / WEBP |
| Photo de couverture d'opportunité | 1200 x 400 px | 3:1 | JPG / PNG / WEBP |
| Photo de couverture du site | 1200 x 400 px | 3:1 | JPG / PNG / WEBP |
| Photo de couverture de catégorie | 1200 x 400 px | 3:1 | JPG / PNG / WEBP |
Logos (images circulaires) :
| Image | Taille recommandée | Rapport d'aspect | Format |
|---|---|---|---|
| Logo de formulaire (cercle) | 400 x 400 px | 1:1 | PNG ou JPG |
| Logo d'opportunité (cercle) | 400 x 400 px | 1:1 | PNG ou JPG |
| Logo du site (cercle) | 400 x 400 px | 1:1 | PNG ou JPG |
| Logo de catégorie (cercle) | 400 x 400 px | 1:1 | PNG ou JPG |
Conservez tous les fichiers sous environ 1 Mo chacun pour des performances optimales.
Les photos de couverture sont affichées sous forme d'images rectangulaires larges en haut de leurs pages respectives. Cependant, il existe une différence importante dans la manière dont elles sont rendues selon l'endroit où elles apparaissent.
Les photos de couverture de formulaires, du site et des catégories utilisent un mode de remplissage « cover ». Cela signifie que l'image remplit toute la zone de la bannière et peut recadrer les bords pour s'adapter. Pour obtenir le meilleur résultat, gardez le point focal de votre image centré et évitez de placer du contenu important (comme du texte ou des logos) près des bords, car ces zones peuvent être coupées sur différentes tailles d'écran.
Les photos de couverture d'opportunités utilisent un mode de remplissage « contain ». Cela signifie que l'image entière est affichée sans aucun recadrage. Si l'image ne correspond pas au rapport d'aspect 3:1, vous pourriez voir des bandes blanches sur les côtés ou en haut et en bas de l'image. Pour éviter cela, assurez-vous que votre photo de couverture d'opportunité respecte le rapport 3:1 recommandé (1200 x 400 px).
Tous les logos circulaires sur la plateforme sont affichés comme un recadrage circulaire de votre image téléversée.
Les logos de site et de catégorie sont rendus à 158 x 158 px à l'écran. Les logos de formulaire et d'opportunité sont rendus légèrement plus petits, entre 107 et 115 px. Téléverser votre logo à 400 x 400 px garantit qu'il reste net sur les écrans haute résolution (rétina) pour tous ces emplacements.
Pour les photos de couverture : les formats JPG, PNG et WEBP sont tous acceptés.
Pour les logos circulaires : PNG ou JPG sont recommandés. Le PNG est un bon choix si votre logo inclut de la transparence.
Si votre image ne correspond pas au rapport d'aspect recommandé :
Pour les photos de couverture de formulaires, du site et des catégories, l'image s'affichera quand même, mais les bords pourraient être recadrés de manière plus agressive. Les détails importants près des bordures de l'image pourraient être coupés.
Pour les photos de couverture d'opportunités, l'image sera affichée en entier sans recadrage, mais des espaces blancs pourraient apparaître autour si les proportions ne correspondent pas.
Pour les logos, une image non carrée sera recadrée en cercle, ce qui pourrait couper des parties de votre design de manière inattendue.
Pour éviter ces problèmes, préparez toujours vos images aux dimensions recommandées avant de les téléverser.
Utilisez le rapport d'aspect 3:1 (1200 x 400 px) pour toutes les photos de couverture.
Utilisez une image carrée (400 x 400 px) pour tous les logos.
Centrez le contenu important dans vos photos de couverture, surtout pour les pages de formulaires, du site et des catégories où les bords peuvent être recadrés.
Pour les photos de couverture d'opportunités spécifiquement, respectez le rapport 3:1 aussi fidèlement que possible pour éviter les espaces blancs.
Gardez la taille des fichiers sous 1 Mo pour un chargement rapide.
Utilisez le JPG pour les photographies et le PNG pour les graphiques ou logos nécessitant de la transparence.