Vome utilise deux types d'images de marque. La photo de couverture est la grande bannière en haut d'une page. Le logo est la petite marque carrée ou ronde qui identifie votre organisation.
Cet article recense tous les endroits où vous pouvez en téléverser une, les dimensions qui s'appliquent réellement, les formats acceptés, et les endroits qui conservent la résolution du fichier que vous téléversez. Il s'adresse aux administrateurs.
Sept endroits.
Trois endroits.
Parce qu'il n'existe pas de logo distinct pour ces éléments.
Le cercle que vous voyez en haut d'une page de formulaire ou d'une page d'opportunité est le logo de votre organisation, ou le logo du site si ce formulaire ou cette opportunité est rattaché à un site. Les catégories n'ont qu'une photo de couverture.
Donc si vous voulez changer ce cercle, changez-le sur la page de votre organisation ou sur le site, et il se met à jour partout où il apparaît. Il n'y a pas de bouton de téléversement sur le formulaire ou l'opportunité, et c'est voulu plutôt qu'un oubli.
Au moins 820 pixels de largeur par 312 pixels de hauteur.
La page de votre organisation, vos catégories, vos opportunités et vos formulaires appliquent cette règle. Toute image plus petite est refusée avec un message qui redemande ces dimensions.
Cela correspond à un rapport d'environ 2,6 pour 1, donc une image large en format paysage plutôt qu'une image carrée. Une bonne cible est 1640 par 624, la même forme au double de la taille.
Les sites, les groupes et les sections de mise en page ne vérifient pas les dimensions, mais ils affichent l'image dans la même bande large : utilisez donc la même taille.
Un logo est recadré en carré, partez donc d'une image carrée. 400 par 400 suffit amplement. Le logo de votre organisation est enregistré en 194 par 194 : un fichier beaucoup plus grand est réduit et ne vous apporte rien.
Les photos de profil, pour les administrateurs comme pour les utilisateurs, sont recadrées en cercle et enregistrées jusqu'à 800 par 800. Là, un fichier carré plus grand aide vraiment, donc 800 par 800 est une bonne cible.
Cela dépend de l'endroit, et c'est ce qui surprend le plus souvent.
La résolution est conservée pour les sites, les groupes, les catégories, les images de cours, les images de distinctions et les sections de mise en page. Un fichier plus grand y donne bien un résultat plus net.
Le fichier est régénéré pour la couverture de la page de votre organisation, pour les couvertures d'opportunités et pour les couvertures de formulaires. Ces trois-là ouvrent un outil de recadrage, et le résultat est enregistré en 812 par 312 quel que soit le point de départ. Une photo de 4000 pixels de large produit le même fichier qu'une photo de 1640 pixels de large.
Le conseil pratique reste le même : partez confortablement au-dessus du minimum de 820 pour avoir de la marge au recadrage, et ne cherchez pas à dépasser beaucoup 1640.
Utilisez JPG ou PNG. Les deux fonctionnent partout dans la liste ci-dessus.
La plupart des champs de téléversement n'acceptent que le JPG et le PNG. Quelques-uns (images de cours, images de distinctions et sections de mise en page) acceptent tout format lisible par votre navigateur, y compris le WEBP, mais cela n'apporte aucun avantage, et s'en tenir au JPG et au PNG permet de réutiliser le même fichier partout.
Choisissez le PNG pour un logo, surtout s'il a un fond transparent. Choisissez le JPG pour les photographies.
Un détail à connaître pour les catégories : une photo de couverture de catégorie est enregistrée en JPEG après le recadrage, la transparence est donc perdue. Utilisez plutôt une photographie qu'un graphique transparent.
Gardez les photos de couverture et les logos sous environ 2 Mo.
Un fichier plus lourd n'est pas plus beau à l'écran, et il ralentit chaque page où il apparaît, y compris les pages que vos utilisateurs consultent avant de s'inscrire. Si vous exportez depuis un outil de design, le réglage de qualité « web » ou « écran » suffit généralement.
Cela dépend si l'endroit recadre ou ajuste.
La couverture de la page de votre organisation, les couvertures d'opportunités et les couvertures de formulaires ouvrent un outil de recadrage. Déplacez et zoomez jusqu'à ce que la partie importante de l'image se trouve dans le cadre, puis enregistrez. Rien n'est coupé sans que vous l'ayez vu d'abord.
Les sites, les groupes, les cours et les distinctions ne recadrent pas. Ils ajustent votre image à l'espace disponible, ce qui veut dire qu'une image haute ou carrée peut se retrouver avec des bandes vides sur les côtés. Une image large évite cela.
Un logo est toujours recadré en carré ou en cercle : tout ce qui se trouve dans les coins d'une image non carrée sera coupé. Laissez un peu d'air autour d'un logotype textuel.
Les deux sont facultatives et les deux s'affichent en petit.